Archived topic
Strange mobile sidebar behaviour
6 replies · Started by Raielene on August 25, 2018
I've been using GeneratePress for a few websites and so far so good. I guess this is the first site I've used sidebars on...? I assumed when I chose content/sidebar that when viewing on a small mobile device, the sidebar would just drop below the content like it usually does. But it's showing beside the content even on my little phone! This doesn't work at all. Did I do something wrong? Or is there a setting I need to fix to stop this from happening?
Looks like as soon as you hit 768px the sidebar and content go 50/50...?
Hi there,
You are correct that the sidebar should be below content on mobile by default.
This CSS in your child theme is causing the issue:
.site-content {
display: flex;
}Ah! Perfect! I had a feeling it was something in there but couldn't figure out what!
Thanks Leo!
No problem :)
Hi,
I would still like to have full height sidebar on non-mobile devices. How can that be achieved without using the code below?
.site-content {
display: flex;
}
Hi Tim,
Can you please open a new topic and link me to the site in question?
Thanks!
