Archived topic
Problems with masonry grid
3 replies · Started by John on August 20, 2018
Hi guys,
I've been noticing a problem with the masonry grid on my website's blog page. It looks mostly OK when I set it up, but the published version has ugly spaces appearing under some items. I work in Firefox, but testing it in Chrome and Opera gives similar (but not the same) results.
You can see screenshots here:
http://www.thesupercargo.com/generate-press-and-wordpress-problems/
The top picture shows what I see in Customise, but zoomed out - gaps are there, but below the fold which explains why I didn't notice them earlier.
The second and third pictures show the same page as it appears in Firefox and Opera. The final picture is how the page appears in Chrome. In Chrome there is a also one place where two entries overlap one another.
I can't be sure it's not some sort of plug-in clash of course, but I wonder if you have any suggestions?
Thanks in advance,
John
Hi John,
The masonry grid fixes itself when the window is resized so something is interfering with the initial window size layout. Can you make sure you are running the latest version of GP Premium (1.7.2).
And then it is a case of disabling plugins if the problem persists. I would look first at UltimatePost List, JetPack and Griddable. Let me know.
Many thanks David,
The trouble turns out to be caused by a clash with JetPack's Lazy-loading images module. I switched that off and now everything is fine.
Another reason to abandon JetPack.
:-)
Cheers,
John
awesome, glad you got it fixed :)
