Hide sidebar

[David]

How can I hide the sidebar for mobile devices?

[Leo]

Hi there,

CSS is needed:

@media (max-width: 768px) {
    .sidebar, .footer-widgets {
        display: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

It works, thanks!

And is there a way to make a custom sidebar for mobile that doesn’t show on desktop?

[Leo]

You could try using the built-in hide-on classes to hide one or the other:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

How can I also hide the footer widgets on mobile only?

[Leo]

Edited the CSS here:
https://generatepress.com/forums/topic/hide-sidebar/#post-1199930

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts