Spacing between masonry posts X Theme

[Dermul]

Hi, I use the grid plugin for my news items and noticed that the spacing between masonry posts are sometimes unequal. See example below:

Only the last post seems to have more spacing above the image. The weird thing is that I don’t have this problem on our Dutch website www.dermul.com, although the settings look the same. How to constrain the gap between all post to remain the same?

Thank you!

Elissa

[tristup]

Hi Elissa,

Thanks for reaching out.
The mentioned page is not showing the issue you described here, can you please provide us a few more information like a screenshot with the marked issue or any videos to diagnose the problem. Please find the screenshot describing what we are seeing at our end.

Thanks

[Dermul]

Hi,

That’s strange.
This is what I’m seeing on the websites www.dermul.eu and www.dermul.de:

Does this help?

Thanks!

[christian]

Hey Bart,

I see the issue and it’s because your images aren’t optimized or your web host struggles to load the image and while loading the image, the grid script responsible for grid item positioning already finishes so it leaves the grid item hanging.

Try improving your website performance and see if it helps.

Please just note that we do not provide support for website optimization issues as this is beyond the scope of our theme support.

If after speeding up your website and the issue persists, try adding the following code in Theme Options > JS. We also do not provide support for custom code issues so if the code creates issues in your site, please remove it.

(function($) {
    setTimeout(function(){ $(window).trigger('resize'); }, 2000);
})(jQuery);

Hope that helps.

[Dermul]

Hey Christian,

Thank you! This seems to have helped!

[tristup]

Hi Bart,

Glad that we are able to help you.

Thanks