Hide Link on Desktop Site

LightandShapes · October 30

Hi,

Hoping you are all well.

Was hoping I could get some assistance – I would like to hide the first link in the 'about' folder on the desktop site. How can I accomplish this?

Thank you,

SaranyaDesigns · October 30

Gosh, this template really doesn't give you much to work with in terms of targeting the right selector...

Try this in your custom CSS:

.header-nav .header-nav-folder-item:first-of-type {
	display: none;
}

Note, if you add new menu items or change the order at all, you may have to adjust the targeting to be more specific, for example:

.header-nav .header-nav-item:nth-of-type(3) .header-nav-folder-item:first-of-type {
	display: none;
}

Which is targeting the desktop nav (not mobile) then the third menu item, then the first dropdown item. Hope this helps!

Recommended Posts