[Support request] Breakpoint not working after upgrading to GP 3.0

[Vl]

Hi!
There are 3 sidebars on the site. At breakpoint 1124, the right sidebar becomes 100% wide and falls down below the left sidebar and content. In this case, the width of the left sidebar becomes 25%, the width of the content – 75%.
After upgrading to GP 3.0.0, the right sidebar does not fall down at breakpoint 1124.
What can be done?
Thanks for your help.

Here is the current code:

@media (min-width: 769px) and (max-width: 1124px) {
.both-sidebars #primary {
width: 75%;
left: 25%;
}
.both-sidebars #right-sidebar {
width: 100%;
}
.both-sidebars #left-sidebar {
left: -75%;
width: 25%;
}

[David]

Hi there,

try this CSS:

@media (min-width: 769px) and (max-width: 1124px) {
    .site-content {
        flex-wrap: wrap;
    }

    .both-sidebars #primary {
        width: 75%;
    }

    .both-sidebars #right-sidebar {
        width: 100%;
    }

    .both-sidebars #left-sidebar {
        width: 25%;
    }
}

[Vl]

Everything is great, thanks for your support!

[David]

Glad to be of help.

[Author]

Posts