Archived topic

Blog layout with masonry grid

5 replies · Started by Elaine on January 26, 2019

Viewing posts 1–6 of 6

January 26, 2019 at 7:48 am #792896

I am trying to set my blog page so that the first post (i.e. most recent) is featured and the rest are in a two-column masonry grid. It looks great in the preview, but when viewing the page after publication the columns overlap the featured post. It is fine if you then hit refresh. Any suggestions? I can also share a screenshot of this if needed.

January 26, 2019 at 9:39 am #792974

Hi there,

Are you using some sort of lazy loading plugin for the images by chance? If so, which one?

Let me know :)

January 26, 2019 at 10:24 am #793017

Hi Tom,

Not as far as I'm aware ... all images were uploaded with WordPress via the Featured Image option.

Thanks,
Elaine

January 26, 2019 at 10:28 am #793025

Try #1 here to eliminate any plugin conflicts:
https://docs.generatepress.com/article/debugging-tips/

Let us know :)

February 15, 2019 at 8:49 am #811412

H Elaine, Tom, Leo,

The issue appears for me too. Looks like it's related to 'lazy loading' images via Jetpack for me.

Is this a resolvable issue, apart from not using this Jetpack's lazy loading of images and GP?

February 15, 2019 at 4:58 pm #811659

The lazy load script would need to be reloaded after masonry/infinite scroll does its thing. Does Jetpack have any instructions relating to reloading/initiating their script under these circumstances?

This archived topic is closed to new replies.

Start building better websites today.