[Resolved] Replicating the screenshot but having Gutenberg 2 per row on mobile

[Matthew]

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?

[David]

Hi there,

try this CSS:

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

[Matthew]

That worked perfectly thanks! 🙂

[David]

You’re welcome

[Author]

Posts