Columns not breaking correctly between 599 and 782

  • chroma123

    (@chroma123)


    4 years ago

    Hi

    I have some trouble with columns breaking while still using 50% width, between screen size 599px and 782px. This makes the colums show only 50% width during these pixel widths. Any known issues with this?

    • This topic was modified 4 years ago by chroma123.
Viewing 1 replies (of 1 total)
  • Thread Starter chroma123

    (@chroma123)

    To follow up, there were some css code here saying:

    @media only screen and (max-width: 781px) and (min-width: 600px) {
    .wp-block-column {
        flex-basis: calc(50% - 16px)!important;
        flex-grow: 0;
    }
}

    Just had to insert this in my _theme.scss and add change this line, for the specific pixel width range to:
    flex-basis: calc(100% - 16px)!important;

    And problem seems solved.

Viewing 1 replies (of 1 total)
  • The topic ‘Columns not breaking correctly between 599 and 782’ is closed to new replies.