Advanced Layerslider

Hi,

Sorry for the delay. The images in the slider are displaying properly on our end and the layers are fading in as expected on mobile view. Did you manage to figure out the issue?

Best regards,
Ismael

Hi,

Thank you for the update.

We are now able to reproduce the issue on a device emulation and it seems to be an issue with the jQuery script. Did you set jQuery to load in the footer? Please disable the Load jQuery in your footer option in the Enfold > Performance > Change WordPress defaults section.

This is the script error in the browser console.

Uncaught ReferenceError: jQuery is not defined

Best regards,
Ismael

Hi,

The Load jQuery in your footer option is still enabled when we checked the Performance panel of the theme options, so we disabled it. We also disabled the file compression settings and it seems to have helped with the issue. The error is now gone and the images are now displaying properly on mobile view. Please remove the browser cache or try to check the site on incognito mode.

If the issue persists on your end, please try to disable the plugins temporarily, including the cache plugin, and remove the cache before checking the page again.

Best regards,
Ismael

Hi,

Thank you for the info.

Does it work properly when there is only one layer slider in the page? The images are probably not fading in because the waypoint script, which is one of the functions responsible for the animation, fails to calculate the height of the hidden layer slider.

Best regards,
Ismael

Hi,

Thank you for the info.

We are not really sure if this is going to help, but the following script should completely remove the hidden slider from the pagem and hopefully allow the waypoint script to correctly calculate the position of the images.

// remove hidden ls
function ava_script_events_container() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', "(function($) {
			$(document).ready(function() {
				$('.ls-forcehide').remove();
			});
})(jQuery);" );
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_script_events_container', 9999);

Please add it in the functions.php file.

Best regards,
Ismael