Large empty space on page load

Hey es.design.ma,

Thank you for the inquiry.

Did you install a lazy loading plugin for images? Please try to deactivate the plugin temporarily, then test the page again. Or try this code in the functions.php file to automatically resize the slider on page load.

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 1500);
	
	$(window).on("load", function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 500);
	});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

Thank you for the info.

Yes, adding the script should help in this case. The script will force the slider to resize automatically/properly removing the white space below. Please make sure to purge the cache after adding the script.

Best regards,
Ismael

Hi Erin,

Can we access the site? We would like to check if the script is actually running. Please provide the login details in the private field.

Thank you for your patience.

Best regards,
Ismael

Hi,
Thank you for the link to your site, this error is typically caused by the Smush lazy load option, which is enabled on your site:

assuming that you don’t want to disable this feature for your whole site, you can disable it for just the front page.

after disabling please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike