[Resolved] How to Hide Menu Button on Mobile?

[Greg]

I have a menu button for a free trial that I would like to hide under the break point of 960px. We use an image under the menu when it hits that break point. I have tried a few CSS adjustments and haven’t been able to get it to work. What CSS would I enter to make this work? Thanks for your help!

[David]

Hi there,

edit the Menu item in Appearance > Menus and add another CSS Class of:

hide-on-mobile

Just add a space between the two classes. And thats all you need to do.

Other hide on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

[Greg]

Didn’t know it was that easy. Worked perfectly. Thanks again David!

[David]

You’re welcome

[Author]

Posts