How do I hide some menu items from the header?

  • Resolved beachsand14

    (@beachsand14)


    7 years, 7 months ago

    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 7 years, 7 months ago by beachsand14.
    • This topic was modified 7 years, 7 months ago by beachsand14.
Viewing 7 replies - 1 through 7 (of 7 total)

  • 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!

    Thread Starter beachsand14

    (@beachsand14)

    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 James

    Hi @beachsand14,

    What is your site URL?

    Thread Starter beachsand14

    (@beachsand14)

    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

    @beachsand14,

    Sorry but I couldn’t make any change in demo site. Also you just share site URL, not login info. is it impossible?

    Thread Starter beachsand14

    (@beachsand14)

    @congthien. Sorry to make it hard for you. I can’t share it because it has my personal info.

    Thread Starter beachsand14

    (@beachsand14)

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How do I hide some menu items from the header?’ is closed to new replies.

Tags