Site logo

Archived topic

Replicating the screenshot but having Gutenberg 2 per row on mobile

3 replies · Started by Matthew on December 30, 2018

Viewing posts 1–4 of 4

Hey,

Is it possible to set Gutenberg columns in GeneratePress so that on mobile it shows 2 columns per row instead of 1 per row?

Or would I need to use for example LGC to achieve this?

Hi there,

try this CSS:

@media (max-width: 768px) {
    .wp-block-columns .wp-block-column {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

That worked perfectly thanks! :)

You're welcome

This archived topic is closed to new replies.