Archived topic
Move sidebar bottom on tablet in GP 3 Flexbox
7 replies · Started by _blank on October 6, 2020
Viewing posts 1–8 of 8
Hello,
How to move the sidebar to the right on the blog home page and articles at the bottom of the page above the footer? Before I used css code:
@media (min-width: 769px) and (max-width: 1024px) {
.sidebar, .content-area {
float: none;
width: 100%;
left: 0;
right: 0;
}
}But since GP 3 and Flexbox, it no longer works.
Cordially.
Hi there,
try this CSS:
@media(max-width: 1024px) and (min-width: 769px) {
.site-content {
flex-direction: column-reverse;
}
}Hello David,
It doesn't work, it just puts the sidebar on the left above the content.
Cordially.
Can you share a link to the site ?
Hello David,
Link to shared blog, sidebar is on blog page and on posts.
Cordially.
Give this a shot:
@media(max-width: 1024px) and (min-width: 769px) {
.site-content {
flex-direction: column;
}
.site-content .content-area {
width: 100%;
}
}Hello Tom,
Perfect ! Thanks Tom :)
Cordially.
You're welcome :)
This archived topic is closed to new replies.
