The content does not load correctly

Hi,

Thanks for that. I activated the option to delete the old CSS and JS files under Enfold->Performance, and that seems to have change the problem behaviour. Please check your site in and incognito/private browser window to avoid local cache.

Best regards,
Rikard

Hi,

Sorry for the late response. Did you add this script in the functions.php file as suggested in the previous threads?

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

This should cause the gallery items to reposition and prevent them from overlapping while the images are still loading. The script should stop by itself once the images are fully loaded.

Best regards,
Ismael

Hi,

Thank you for the update.

We would like to check the script but the Appearance > Editor panel is not accessible. Please enable the editor or post the FTP details in the private field so that we can check the functions.php file.

Best regards,
Ismael

Hi,

Thank you for the update. We have now added the script at the very bottom of the functions.php file. The items in the masonry element are now shifting properly while the page or images are loading. Please don’t forget to remove the cache prior to checking the page.

Best regards,
Ismael