Archived topic
Sidebar on iPad Pro portrait mode
3 replies · Started by Agnes on October 15, 2020
I followed a few thread about this topic, but none of the code works for me.
I would like the sidebar under the content on tablet portrait mode.
I have this code snippet now on my blog right now, and it is not working as should .
The sidebar is wider, but still beside the content.
It seems like a problem only shows up on iPad Pro
@media (min-width: 769px) and (max-width: 1024px) {
.content-area, .inside-footer-widgets>div, .sidebar {
float: none;
width: 100%;
left: 0;
right: 0;
}
}
https://www.oromtelielet.hu/kedves-leves/
Thank you!
Hi there,
GP 3.0 moved to Flexbox so floats are no longer required.
Try this CSS instead:
@media(max-width: 1024px) {
.right-sidebar .site-content {
flex-direction: column;
}
.right-sidebar .site-content .content-area,
.right-sidebar .is-right-sidebar {
width: 100%
}
.right-sidebar .site-main {
margin-right: 0;
}
}Great, thank you!!!
it is working.
Glad to hear that!
