Jump to content

Hide Navigation Menu Item in Carson

Recommended Posts

  • Replies 3
  • Views 708
  • Created
  • Last Reply

Easy to hid a nav item for the whole site, just put the page in the unlinked section of your website. Hiding that item on certain pages is a bit tricky.

Hide page from Navigation 

add to page where you don't want it in advanced header code injection. 

replace the word contact with the info page url slug. If it happens to be "info" put that there. Hope it works for you. 

<style>
.header-nav [href="/contact"] {
display: none;
}
.header-menu-nav [href="/contact"] {
display: none;
}
<style>
Link to comment

Hi Derrick, 

Unfortunately that didn't work for some reason. The page that I inserted the code on just goes blank. This is the CSS code that I was using to hide the homepage from specific pages ... would this work for the "info" page as well?

body#collection-5f0f800fa6123d66a75ae516 .nav-item.homepage {
    display: none;
}

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.