Hello @kimberlyschievink
This isn’t an issue caused by Custom Sidebars plugin, this is the way your theme is built.
Despite that, I’ve made a little search and I think that you should be able to resolve it with the following CSS (you can use that in Appearance -> Customize -> Additional CSS).
@media (max-width: 991px) {
section:not(.breadcrumb--section) > .container > .row {
display: flex;
flex-flow: column;
}
.container > .row > .col-md-4.hidden-sm {
display: block !important;
order: 2;
}
}
If this isn’t working good for you, please contact with theme author(s)/support to sort this out. 🙂
Warm regards,
Dimitris
HELP! I’m having the same problem as @kimberlyschievink. I can’t seem to get my left sidebar to display below the my main content areas on mobile. Sorry if this is a stupid question, but can anyone lend a hand? Been beating my head against the wall trying to solve this :/
Here’s the site I’m working on: http://soccer.davidjarnstrom.com
Thank you in advance for any/all help and advice!
Best,
David J
Hey @djstrom,
Hope you’re well.
I edit the CSS that Dimitris share a little bit, can you try to add these codes;
@media(max-width:799px){
#site-content>.container{
display: flex;
flex-flow: column;
}
#site-content>.container>#sidebar-left{
display: block !important;
order: 2;
}
}
Also, because of this is only for Custom Sidebars plugin support forum, according to WordPress.org forum guides, you need to create a thread in the proper forum;
The forum is split into sections, with each forum having its own one-line description on the front page. Choose the most suitable section for a new topic and post in only one section. Duplicate posts will be removed.
(https://make.wordpress.org/support/handbook/forum-welcome/#post-in-the-best-place)
Cheers,
Oguz
Oguz,
THANK YOU so much! This CSS solution worked perfectly. And my sincere apologies for posting my question in the wrong place — won’t happen again!
Best,
David J
