Hi,

Thank you for opening another thread. Glad to know that you were able to improve the site performance.

As we have discussed in the previous thread, major contributors to the layout shift in the home page are the ads. They are dynamically created and inserted on page load, causing the elements below them to shift or adjust.

Screenshots: https://imgur.com/iqhf8s4, https://imgur.com/vF3wdci

I believe you have already fixed this by defining the height of the element where the ads are supposed to be added to.

Best regards,
Ismael

Hi,

Thank you for the update.

Lazy loading actually increases layout shifts in the page, specially when the dimension (width and height) of the elements are not defined. To prevent layout shifts caused by the slider, you may need to define the height of its parent container, in this case the column element, to prevent the elements from shifting when the slider finally loads.

You can add custom css to do that.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hey mattb1169,

Thank you for the inquiry.

Are you using the Gallery element from the Advance Layout Builder? If yes, then you can use this css code to adjust the width of the gallery items on mobile view.

@media only screen and (max-width: 767px) {
    #top #wrap_all .avia-gallery .avia-gallery-thumb a {
        width: 100%;
    }
}

Please note that the css above will affect every gallery in the site and if you want to only apply it to a specific gallery, apply a custom css class or ID to the element and use that instead of the generic gallery selector (.avia-gallery).

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The 3rd and 4th heading row is missing because for some reason, a new line is created before the closing single straight quote of the 3rd column’s content property.

<style type="text/css">.avia-table-2 td:nth-of-type(0):before { content: 'Spezifikation'; } .avia-table-2 td:nth-of-type(1):before { content: 'SVTM1200CNC'; } .avia-table-2 td:nth-of-type(2):before { content: 'SVTM1600CNC'; } <strong>.avia-table-2 td:nth-of-type(3):before { content: 'SVTM2000CNC
'; }</strong> .avia-table-2 td:nth-of-type(4):before { content: 'SVTM2500CNC'; } </style>

The issue starts here..

.avia-table-2 td:nth-of-type(3):before { content: 'SVTM2000CNC
'; }

To fix the issue temporarily, try to use this css code.

@media only screen and (max-width: 767px) {
  .page-id-5788 .avia-table-2 td:nth-of-type(0):before {
    content: 'Spezifikation';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(1):before {
    content: 'SVTM1200CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(2):before {
    content: 'SVTM1600CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(3):before {
    content: 'SVTM2000CNC';
  }

  .page-id-5788 .avia-table-2 td:nth-of-type(4):before {
    content: 'SVTM2500CNC';
  }
}

Best regards,
Ismael

Hey Eduardo,

Thank you for the inquiry.

Where can we see this issue? Did you modify the register-portfolio.php file? Please post the site URL in the private field so that we could check the issue properly.

You could also disable the debug mode to temporarily hide those warnings. In the wp-config.php file look for the WP_DEBUG and WP_DEBUG_DISPLAY constants and set them to false.

define("WP_DEBUG", false);
define("WP_DEBUG_DISPLAY", false);

Best regards,
Ismael

Hey Bernd,

Thank you for the inquiry.

The previous handlers for the language switcher have been transferred to a different config file. Try to use this filter instead.

//--------------------------------------------------------------
// Remove Enfold Language Switcher
//--------------------------------------------------------------
function avia_remove_main_menu_flags(){
        remove_filter( 'wp_nav_menu_items', array( 'avia_WPML', 'handler_append_lang_flags' ), 9998, 2 );
	remove_filter( 'avf_fallback_menu_items', array( 'avia_WPML', 'handler_append_lang_flags' ), 9998, 2 );
        remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10 );
        remove_action( 'ava_main_header_sidebar', 'avia_wpml_language_switch', 10 );
}
add_action('after_setup_theme','avia_remove_main_menu_flags');

Or use this..

function avia_append_lang_flags( $items, $args )
	{
		return $items;
	}

Best regards,
Ismael

Hi,

Thank you for the update.

You should be able to use the Advance Layout Builder (ALB) for products. There should be an ALB switch button just below the product title field. Are you not seeing that button?

We logged in using the account above but we cannot access the dashboard. Please change the user role of the account to admin, or provide another account.

Best regards,
Ismael

Hi,

Glad we could be of help! Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hey sitesme,

Thank you for the inquiry.

You will have to directly modify the enfold/config-templatebuilder/avia-shortcodes/slideshow/slideshow.js file and adjust the transitionSpeed option around line 42.

//transition speed when switching slide
		transitionSpeed:900,

Or pass the options parameter in the js/shortcodes.js file, around line 180.

$('.avia-slideshow:not(.av_fullscreen)', container).aviaSlider();

Best regards,
Ismael

Hey danielem78,

Thank you for the inquiry.

Looks like the ads are there but they are not rendering properly. We do not see any errors in the console, so it is a bit difficult to know what is actually causing the issue.

Please try to disable the Autoptimize plugin temporarily, then purge the cache. Loading the script files separately might help.

Best regards,
Ismael

Hey Matjaz,

Thank you for the inquiry.

Looks like you managed to do it using a caption overlay. You can remove the default title by editing the text block below the image element.

<h6>“Minutes from the capital”</h6>

You can also use css to adjust the position of the caption.

.av-image-caption-overlay-center {
    vertical-align: bottom;
    text-align: left;
}

Or change it directly in the caption settings.

Best regards,
Ismael

Hi,

Doing fine. Thanks for asking. How are you? :)

a – This means that the option (Load only used elements) is not working as it should. Did you use a cache plugin and enable the minification settings in there?

b – That is quite expected. As we mentioned above, the option (Load only used elements) will NOT work when the file compression settings are enabled, so for it work, files should be loaded separately.

Please post the login details in the private field so that we could check the issue further.

Best regards,
Ismael

Hi,

The script is actually not running correctly because of a jQuery error, found in the browser console. Please remove the code blocks containing the script, then use this one instead.

// custom script
// scroll to active tab section
function ava_custom_script_tab_section() {
?>
<script type="text/javascript">
(function($) {
	function scrollToTab(s, e,) {
		$(s).on(e, function(event) {
			var anchor, loc, cur, hash, tab, parent, pos;

			if( e == 'load' ) {
				loc  = window.location.hash;
				hash = loc;
			} else {
				loc = $(this).attr('href');
				hash = loc.substring(loc.indexOf('#'));
			}
	
			tab = $('.av-section-tab-title[href='+ hash +']');
			parent = tab.parents('.av-tab-section-outer-container');
			pos = parent.offset();

			tab.trigger('click');
			
			if(hash) {
				setTimeout( function() {
					$(window).scrollTop( pos.top - 100 )
				}, 1000 );
			}
		});
	}

	scrollToTab( '.menu-item a', 'click' );
	scrollToTab( window, 'load' );
})(jQuery);
</script>
<?php
}
add_action( 'wp_footer', 'ava_custom_script_tab_section', 9999 );

Best regards,
Ismael

Hi,

Thank you for the update.

Can we access the site? We would like to test the changes above. Please provide the WordPress details in the private field and please make sure that the Appearance > Editor panel is accessible.

Best regards,
Ismael

Hi,

Can we access the site? We would like to check how the product categories are setup and inspect the theme options. Please post the login details in the private field.

Best regards,
Ismael