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!

[williamf481]

This shopify it's so complicated, how can you guys make a drag and drop website builder when you have to mess around with codes, how to make people miserable, I can't hide items in my menu , I can't change the font and size quickly, How many days and effort does it take? to make a 2 minutes change? SPEED is key SPEED there is no speed it's impossible.

[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 

[Webstablish]

I have made an app for this, see MenuQoL

[OliviaDLB]

life saver! thank you! not sure why we still can't "hide" in shopify but good for you, you got my business... 😉 

[Webstablish]

Glad to hear it 😊 Best of luck with your store!