[Support request] Category Post Grid 2 Columns on Mobile

[lerschiboi]

Hi,
I’d like the post grids on my archive pages not to collapse to just 1 column on mobile, but 2 instead. And I’ve also noticed that there’s no padding on the left and right side of the post grid when I shrink the browser viewport. Perhaps a 20px padding would be great here.

Any suggestions on how both of this can be achieved?

[David]

Hi there,

to correct the missing padding, edit your Block Element and in the sidebar settings and enable Keep Default Post Container

Then try this CSS for the 2 columns:

@media (max-width: 767px) {
    .generate-columns.mobile-grid-100, .grid-sizer.mobile-grid-100 {
        width: calc(50% - 5px);
        padding-left: 10px;
    }
}

[Author]

Posts