Archived topic

Category Post Grid 2 Columns on Mobile

1 reply · Started by lerschiboi on August 21, 2021

Viewing posts 1–2 of 2

August 21, 2021 at 3:42 am #1903393

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?

August 21, 2021 at 5:56 am #1903477

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;
    }
}

This archived topic is closed to new replies.

Start building better websites today.