Tagged: enfold, Images, Masonry Gallery
This may be an error on my part I did the March update this week….
I’m hoping you can help me figure this out. I am stumped.
I have approx 24 images to be displayed in my masonry portfolio. They are all sized to approx 200kb. The first 18 or so load and display properly but the last 6 images at the bottom of the gallery aren’t loading properly….only slices of the images show and are piled on top of each other. If I refresh the page all of those sliced images then load properly. When I clear the cache the images are sliced and piled again. I am using Safari and this occurs on the desktop and the iPad but not with the iPhone.
Thank you for helping me out!
Kim
Hi Kimberlyjo!
I checked page in question, but can’t see any issues at all. Seems totally fine to me. Can you highlight using screenshots please? so we can clearly see what you mean. Use imgur.com or dropbox.
Best regards,
Andy
Hi Andy,
Thanks for responding. I have attached a link to the screenshots of the issue.
Thanks
Kim
Hi!
Please add this in the functions.php file:
add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){
var int = window.setInterval(function(){
$(window).trigger('resize');
}, 2000);
$(window).load(function () {
setTimeout(function() {
clearInterval(int);
}, 5000);
});
})(jQuery);
</script>
<?php
}
Remove browser cache or hard refresh the page.
Regards,
Ismael