Masonry Blog layout, blog posts on top of each other

Hello,

We’re having a persistent issue with the Masonry Blog layout where the blog posts obscure each other, images on top of images, posts on top of other posts. Reloading the blog invariably fixes the layout and displays the posts as intended, but it’s happening so often that we’ve temporarily abandoned the Masonry layout in favor of Grid Layout. However, we prefer to use Masonry so a solution to the issue is highly desired.

Any advice on what the issue might be and how we can correct it?

For the posts’ featured images, are there preferred image dimensions we should be aware of when using Masonry?

Thanks!

Hello,

I would be glad to help you, but can you please provide a link to an affected blog page?

Kind Regards, Roman.
aThemes Support

Thanks for getting back to us. This is the page: https://autumnbrands.com/blog/

Though it’s fairly persistent that the page does not load properly, it’s also intermittent. For this reason, I’ve attached a screenshot of what we sometimes encounter.

Hello, thank you for the link and screenshot.

Did you try to deactivate all your plugins except Airi Pro, Elementor, Kirki Customizer Framework, and disable additional CSS code?

Kind Regards, Roman.
aThemes Support

Thanks for this feedback. We’re looking for a convenient time to take the site offline (or at least under password protection) to test as prescribed. One problem is that the layout bug is intermittent, so we were hoping for some expert Masonry Layout CSS/JS advice. Nevertheless, please let’s keep this topic open for the time being so that we can find a convenient time to test so as to aast rule out other plugins or our custom CSS.

Hello, you can create a staging site for troubleshooting purposes:

Kind Regards, Roman.
aThemes Support