Masonry Gallery not loading properly

Hey enzo,

Thank you for the inquiry.

Looks like you have added a single Masonry Gallery element for every image in the page. This makes the page unnecessarily heavier or larger than it has to be. Please note that you could add multiple images in a single Masonry Gallery, so you do not have to use multiple ones.

Please remove the other Masonry Gallery element in the page, or just use the Image element if you plan to select or display a single image.

Best regards,
Ismael

Hi,

@Vasilis: Thank you for the inquiry. Please open or create a new thread and post the necessary details in the private field so that we could check the site properly.

Best regards,
Ismael

Hi,

@Vasilis: Thank you for that info. Glad to know the plugin update helped in fixing the issue.

@manzo: Sorry for the confusion. How many images in total did you add in one page? You might want to consider moving the images on separate pages to optimize the loading speed of each page instead of stacking all images in a single page. But if this is really necessary, please try to use the following snippet in the functions.php file to force the window to resize, which should cause the gallery items to reposition while the page is loading.

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

Best regards,
Ismael