Community forum for knowledge and support

Updated last year

Hide Menu Item on Desktop, Not Mobile

At a glance

The community member asked if there is a way to hide a menu item on desktop but not on mobile. Another community member provided a solution, suggesting to add a new class like "desktop-only" to the menu item and use CSS to hide it on desktop and show it on mobile. The original poster confirmed that the solution worked.

Hi! Is there a way to hide a menu item on desktop, but not on mobile?

M
P
2 comments

Hi ! πŸ‘‹ Sure easy peasy.

Just add a new combo class to the menu item - maybe something like "desktop-only" and do display none, and then go to tablet, and change it to display block (or whatever the element should be for display). This should get you the result you were hoping for!

Thank you!!! It worked!

Add a reply
Sign up and join the conversation on Slack