Archived topic

Columns Breakpoint

3 replies · Started by Ryan on January 18, 2019

Viewing posts 1–4 of 4

January 18, 2019 at 1:21 pm #785842

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!

January 18, 2019 at 2:45 pm #785905

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

January 18, 2019 at 5:09 pm #785967

Great thanks.

January 18, 2019 at 5:19 pm #785974

You're welcome

This archived topic is closed to new replies.

Start building better websites today.