Site logo

Archived topic

Blog columns on tablet

4 replies · Started by Lukas on August 24, 2021

Viewing posts 1–5 of 5

Hi

first of all, the template ist great.

I'm sure someone must have asked this question, however, I'm still not sure, how to manage it, since I'm very new to this.

On this website: https://beautyofpilates.com/

ON Desktop, things look good (2 columns).
On Mobile it looks good (mobile view).
What I don't like is here:
On Tablet, it switches to 2 columns, which looks a bit packed. I'd prefer one columns (or non-column view) for tablets.

Is there a way to adjust that?

best,

Hi there,

try adding this CSS:

@media (min-width: 768px) and (max-width: 1024px) {
    .generate-columns.tablet-grid-50, .grid-sizer.tablet-grid-50 {
        width: 100%;
    }
}

perfect, thanks

successfully resolved

Glad to hear that!

This archived topic is closed to new replies.