Site logo

Archived topic

How do I exclude sidebars on mobile?

6 replies · Started by Carsten on August 3, 2020

Viewing posts 1–7 of 7

Hi there, there might be a simple solution to this, but right now, I'm not able to figure out, how I exclude sidebars from stacking up, under my site content on mobile?

There are on options in sidebar customizer for excluding mobile view, so do I have to use css to achieve this?

Thanks!

Hi there,

you can use some CSS to hide them like so:

@media(max-width: 768px) {
    #right-sidebar,
    #left-sidebar {
        diplay: none;
    }
}

Thanks for your prompt reply!

Same procedure, if I want to display my secondary menu on mobile only?

Try this:

@media(min-width: 769px) {
    #secondary-navigation {
        display: none;
    }
}

Thanks again!

You're welcome

This archived topic is closed to new replies.