Hide a specific menu button in the navigation bar

[Liothomasart]

Hey 

Wondering how I can hide my "blog" section from the navigation bar of my website. 

Blog is not ready yet. Would like to know how to hide it and then how to unhide it when it's ready. 

Thanks

[JHKCreate]

Hi @Liothomasart 

You can do this by going into your "Online Store" -> "Navigation" , clicking on the menu and removing it from there. 

Alternatively if it's coded in, please share your store's URL so we can provide a solution for that.

Cheers!

[TopNotchVacs]

No...thats a bad answer! The poster said HIDE...not delete. Am having similar. I want to HIDE...as in... make it UNavailable for now... all menus except for Contact Us ...for now..Thats it! That should be easy...But not forever delete it so..I dont have to recreate the $#!!$ things.   Thats all I want to do. No messing with liquid code etc etc 

Hidden / visible under Pages is there but doesnt work for menus. Why cant it be same for menus...a Hide/Unhide option.... Edit and Delete are there! What am I missin here. tks!

[Dbuglabpvtltd]

Hi @Liothomasart 
Please Share your Store URL?

[Liothomasart]

Hi 

Store URL is www.liothomas.art

Thx

[Dbuglabpvtltd]

Hi @Liothomasart 

.wbmenulink.wbmenul_1.wbmegablog {
  display: none !important;
}

use this css add this css in style file

[Mabelle]

i have the same problem can someone help?

[Matei86]

Have you found a solution? I'd also like to know how to hide menu elements, I'm using Dawn theme.

[Mabelle]

hello, good news i just figured out how. 

So you inspect your navigation so you can see the id. For exemple in my case i wanted to hide the 1st element of the menu it was #Details-HeaderMenu-1 (also using dawn theme)

#Details-HeaderMenu-1 .mega-menu__list ul{
display: none !important;

}

#Details-HeaderMenu-1 {
display: none !important;

}

i put this code in component.mega-menu.css 

Hope it helps