Archived topic
Breakpoint not working after upgrading to GP 3.0
3 replies · Started by Vl on October 7, 2020
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%;
}
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%;
}
}Everything is great, thanks for your support!
Glad to be of help.
