[Resolved] Columns Breakpoint

[Ryan]

I was trying to change the breakpoint on the gutenberg wp-block-columns from 768px to 767px for portrait ipads to still have the 3 columns. Could you recommend some css that would do this, I wasn’t very successful figuring it out myself. Thanks!

[David]

Hi there,

try this:

@media (max-width: 767px) {
    .wp-block-columns {
        margin-left: -2%;
    }
    .wp-block-columns .wp-block-column {
        flex-basis: 31%;
        margin-left: 2%;
    }
}

[Ryan]

Great thanks.

[David]

You’re welcome

[Author]

Posts