Archived topic
Move the sidebar to below the content on tablet
3 replies · Started by Or on May 27, 2021
Viewing posts 1–4 of 4
Hi,
I want to move the sidebar to below the content on tablets because the content looks too compressed.
I tried this, but it doesn't work:
@media (max-width: 900px) and (min-width: 768px) {
#primary, #right-sidebar {
width: 100%;
float: none;
}
#primary {
clear: both;
}
}
Added my staging site in the private section.
Hi there,
Try this CSS:
@media (max-width: 1024px) {
.site-content {
flex-direction: column;
}
.site-content .content-area, .site-content .is-right-sidebar {
width: 100%;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Works great, thank you!
No problem :)
This archived topic is closed to new replies.
