Hi,

The site is using a very old version of the theme, 3.3.2, which is not compatible with WordPress 4.6. Please upgrade to version 3.7.1.

Best regards,
Ismael

Hey!

We checked the site today and the google map element is working. Did you figure this out? If you encounter any issue with the google map widget, please follow this thread. https://kriesi.at/support/topic/google-maps-api-error-missingkeymaperror-3/#post-677308

Please review this short tutorial to activate the google maps api properly: http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/

UPDATE: The advance layout builder is not working in your installation. Please deactivate all plugins, remove browser cache or hard refresh the advance layout builder.

Cheers!
Ismael

Hi!

Looks like it’s a styling issue. And it is caused by this css code:

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.alternate_color .breadcrumb a {
    color: #fff;
    padding: 10px 0px 10px 15px;
    background-color: #64d2be;
}
}

@media only screen and (max-width: 767px) {
.breadcrumb-trail .trail-before {
    display: none;
}
}

Please remove it or replace it with the following:

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.alternate_color .breadcrumb > * {
    color: #fff;
    padding: 10px 0px 10px 15px;
    background-color: #64d2be;
}
}

Best regards,
Ismael

Hey!

Thank you for the screenshots but I don’t see any obvious issues with it aside from the images. Parts are cut off which is quite normal because the background size property of the grid cells is set to “cover” (http://www.w3schools.com/cssref/css3_pr_background-size.asp). This means that it will force the image to cover the cell container but parts of the images may have to overflow outside in order to keep its aspect ratio.

And the font size can be adjusted.

@media only screen and (max-width: 1024px) {
.av-inherit-size .av-special-heading-tag {
    font-size: .7em;
    line-height: 1.3em;
}
}

Regards,
Ismael

Hi clairemartindigital!

Thank you for using Enfold.

function custom_title_code(){
?>
 <script>
jQuery(window).load(function(){
	// Get page title
  	var pageTitle = jQuery("title").text();

	jQuery("title").text("Don't forget to read this...");

	// Change page title back on focus
	jQuery(window).focus(function() {
	  jQuery("title").text(pageTitle);
	});
});
 </script>
<?php
}
add_action('wp_footer', 'custom_title_code');

You should be aware of the disadvantages of this trick. http://plainmade.com/blog/14129/please-stop-the-title-swapping

For example, if the user opens two or more pages/posts from your website in new tabs, all tab titles will show the same “Don’t forget…” message.

This makes navigating around a bit tricky, and can apparently cause a few problems when using some bookmark apps (check out this post to learn more).

Cheers!
Ismael

Hey!

Duplicate thread. Continue here: https://kriesi.at/support/topic/sidebar-in-single-product-pages-and-shp-overview-page/

Regards,
Ismael

Hi darneson!

#about + #accordion_slider_1 .aviaccordion-slide:not(“:first-child”)’

This part is the selector of the accordion slides inside the “#accordion_slider_1” section. I added the selector of the #about section because there are color sections with the same ID which is not recommended or improper. You have to apply a unique Section ID to each section. Once this is done, you can use the Section ID plus the accordion slide class selector. For example, if the Section ID is “custom-section”, the selector would be:

#custom-section .aviaccordion-slide:not(“:first-child”)

Anyway, I checked the new page but there is no section below the accordion slider. http://boutiqueyachting.com/ang-thong-tour/

Regards,
Ismael

Hi there!

In every page there’s a custom field called “header” and the value is set to “no”. Did you add this custom field? You have to edit each page, remove the value of the custom field or delete it completely.

Regards,
Ismael

Hi!

unique submenu for many posts

I’m sorry but what do you mean by that? It’s almost the same as adding a full width sub menu. The only difference is that you have to create an actual menu in the Appearance > Menus panel. If you don’t want to create multiple menus, use the following plugin to control the visibility of the menu items. https://wordpress.org/plugins/menu-items-visibility-control/

Cheers!
Ismael

Hi jockejansson!

Thank you for using Enfold.

You have to insert the first element in the header.php file manually. Place the markup above this code:

	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'main-menu' );

	} ?>

If you want to use a shortcode, this function should help. https://developer.wordpress.org/reference/functions/do_shortcode/

Cheers!
Ismael

Hi,

This code is in the style.css file of the child theme but I can’t find it.

@media only screen and (max-width: 1300px) {
#top div .products .product {
    width: 49.5%;
    margin-bottom: 15px;
}
}

You should remove that code. We also added the following css code in the Quick CSS field as a temporary fix:

ul.products li.first {
    clear: none !important;
}

div .columns-4 .products .product {
    float: left;
    margin: 0 1% 1% 0;
    padding: 0;
    position: relative;
    width: 24.25%;
    margin-left: 0;
}

Best regards,
Ismael

Hi,

Did you try to export the Media files as well? The problem is that you’re using the advance layout builder so it doesn’t recognise the images as attachments.

Best regards,
Ismael

Hi,

1.) Alright. Please revert it back to the original viewport:

@media only screen and (max-width: 1280px) {
.responsive #top #main .sidebar {
    display: block;
    width: 100%;
}

.responsive .single-product-summary {
    width: 100% !important;
}
}

is that the place where the sidebar would be is still there, it’s blank now instead, so the main content area did not seem to act responsive.

The code above should force the main content area to go full width and move the sidebar under.

2.) Add this inside the css media query above.

.single-product-main-image {
    width: 100%;
}

3.) Please create a new thread for this inquiry.

Best regards,
Ismael

Hi,

Please remove the sidebar.php file from the child theme folder then add this code in the functions.php file:

add_filter('avf_custom_sidebar', function($custom_sidebar) {
	if ( is_taxonomy('portfolio_entries') ) { $custom_sidebar = "Sidebar Blog Cat"; }
        return $custom_sidebar;
}, 10, 1);

Best regards,
Ismael

Hey mgyura!

Thank you for using Enfold.

I’m sorry but we don’t have a styling guide for the mega menu container. Could you please provide a screenshot of the changes that you want to make? For the active parent menu, you can use this:

.current_page_parent.current_page_ancestor a, .current_page_parent.current_page_ancestor a span {
    background: blue;
    color: red;
}

Best regards,
Ismael