Site logo

Archived topic

Trying to figure out why bottom half of grid breaks

3 replies · Started by K on November 11, 2018

Viewing posts 1–4 of 4

To reproduce:
- Go to page and scroll down to "Related" posts grid.
- Make browser width as small as possible.
- Now refresh the page. This is necessary as the related image sizes are generated dynamically.

Notice how the lower half of the grid breaks, but the top half remains as it should. I can't figure out why this is happening or how to fix?

Thanks.

P.S. Using GP 2.2 theme.

Hi there,

try this CSS:

#jp-relatedposts .jp-relatedposts-items-visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

Thank you David, that did it.

Awesome :) Glad to be of help

This archived topic is closed to new replies.