Hiding a single site navigation item on homepage

Hi all, first time here on the forum, but long-term SQSP user. For the redesign of https://www.visualspectrum.ch/ I would like to hide the top menu item called "Galerien" from the homepage, forcing the visitor to scroll down and access the different pages via the images. But on all other pages I would like that dropdown menu item to show, to give the visitor the option to quickly access another gallery, rather than having to go via the homepage. How can i do this? Thanks a lot for your help

35 minutes ago, miketerranova said:

Hi all, first time here on the forum, but long-term SQSP user. For the redesign of https://www.visualspectrum.ch/ I would like to hide the top menu item called "Galerien" from the homepage, forcing the visitor to scroll down and access the different pages via the images. But on all other pages I would like that dropdown menu item to show, to give the visitor the option to quickly access another gallery, rather than having to go via the homepage. How can i do this? Thanks a lot for your help

Hi Mike, 

You can use the following code;

.header-nav .header-nav-item--folder {
visibility: hidden !important;
}

19 minutes ago, justinjamesclack said:

Hi Mike, 

You can use the following code;

.header-nav .header-nav-item--folder {
visibility: hidden !important;
}

Hi @justinjamesclack, many thanks. Is that all I need to inject or do I have to add the name of the dropdown menu item somewhere to define what I want to hide? To be clear, I just want to hide this one item, the other menu item (called About/Contact) should stay visible. Cheers

@justinjamesclack fantastic, thanks a million!

19 minutes ago, miketerranova said:

@justinjamesclack fantastic, thanks a million!

No problem