Masonry gallery image problems

Hi tech500!

Thank you for using Enfold.

The masonry items loaded fine when I checked the page initially. Try to install a cache and minify plugin to improve loading speed. Or follow the solution provided here: https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

The thumbnail that is being use in the masonry element is the masonry thumbnail with a max width and height of 705px. This is important to cover taller and wider images which is what the masonry element needs, flexibility. And since the masonry column container is percentage base, there’s no way to set a specific thumbnail size without compromising the image ratio and proportion. To make a long story short, any page with the masonry element in it will have a hard time passing the google image optimization test without tinkering with the core theme files. However, you can decrease the thumbnail size and then regenerate the thumbnails (https://wordpress.org/plugins/simple-image-sizes/) or you can use this plugin to compress image file size even more: https://wordpress.org/plugins/wp-smushit/

Best regards,
Ismael

Hi!

That could happen on users with slower internet connections so enabling a cache plugin should help. I’m not sure if W3 Total Cache plugin is compatible with the wpengines’s cache system so you have to test it yourself. Or you can ask them.

Also, please try the solution provided here: https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

It will trigger the resize event every two seconds and it will force the masonry items to position correctly. It will stop when the page finished loading.

Cheers!
Ismael