Hide widgets in mobile

[Juan]

Hi, how are you doing?

I have a few widgets in my website’s top bar and would like them to be hidden in mobile devices. How could I do it? I tried with the Widgets Options plugin, but for some reason it didn’t work.

Thanks,
Juan

[Leo]

Hi there,

Are you trying to hide the entire top bar on mobile?

If so try this CSS:

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
}

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

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

[Juan]

Thanks, Leo, you’re the best!

[Leo]

No problem 🙂

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

[Author]

Posts