How do I hide some menu items from the header?
-
If you go to the demo site, you will see many menu items on the header. How do I remove the ones I want within WordPress? Also, please keep in mind that I only want to remove them from showing in the header. I would still like to keep those menu items in the responsive menu. Please advise. Thanks.
Brody James
-
This topic was modified 8 years, 11 months ago by
beachsand14.
-
This topic was modified 8 years, 11 months ago by
beachsand14.
-
This topic was modified 8 years, 11 months ago by
-
Hey @beachsand14,
1. Please do the following here to enter a custom class for menu item : https://www.youtube.com/watch?v=fpVeR7RKBOE
For example I add “hidden-sm” class for which menu want to hide.
2. Then add in Customize => additional css :@media (min-width: 768px ) { .onepress-menu li.hidden-sm { display : none ; } }Let me know how it goes!
Thanks @congthien,
It partially works. I have hidden a menu item in the nav bar. However, it hides the menu item in the responsive menu as well, which is not what I want. What can I do to keep the menu item in the responsive menu but leave it out of the nav bar?
@media (min-width: 768px ) { .onepress-menu li.custom-class { display : none ; } }Cheers
Brody JamesHi @beachsand14,
What is your site URL?
Hi @congthien
Sorry, I am unable to share my site because it has my personal info. Can you please advise me using the demo site?
Cheers
Brody James
Sorry but I couldn’t make any change in demo site. Also you just share site URL, not login info. is it impossible?
@congthien. Sorry to make it hard for you. I can’t share it because it has my personal info.
I have resolved the issue. I think I just forgot to refresh the page. I have to refresh twice in order to see a change. Thanks for your help.
The topic ‘How do I hide some menu items from the header?’ is closed to new replies.
