Archived topic
Hide menu items
13 replies · Started by Rob on May 14, 2017
Hi,
I just want to hide certain pages on the mobile menu.
I followed the advice to add this CSS "hide-on-mobile" but to do that means making those pages visible on the desktop menu.
I don't want them appearing anywhere.
Any help would be appreciated
Hi Rob,
There are also hide-on-desktop and hide-on-tablet classes you can use.
But if you want to hide certain menu items all together can't you just delete them from the menu?
Let me know if this helps.
Cheers Leo, you're a legend
Glad I could help :)
Still got problems!
I've added hide-on-mobile hide-on-tablet and hide-on-desktop to the CSS classes of the items I want hidden and that works on desktop and tablet but they show up on mobile/
I've tried deleting them from the menu before and yeah they don't show up on desktop but there they are, taunting me, on my mobile!
I've even gone in and cleared my browser cache and history but the unkillable bastards persist
Deleting the menu item from the menu should definitely work.
Make sure you are using the same menu for mobile and desktop:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location
Yep same menu on both.
I don't suppose you could take a look for me?
Can you post a link to your site?
I certainly can
http://robmanns2017-001-site1.htempurl.com/
I can PM you the login if you need it
Thanks a million
Looks like you are using a different menu for desktop and mobile currently.
Which item are you trying to remove that's currently showing?
Many:
Password Reset
Logout
Login
Register
All Members
Account
Forms
Posts
Here's a screencap of my menu set up. There is only one other menu set up and that goes in the footer and contains different links altogether

Try checking Slideout Menu as well.
Let me know.
Nailed it!
Thank you so much.
Now why the hell didn't I think of that? Stupid brain
Glad I could help!