How to hide a page from Navigation in Squarespace

There are 2 options to hide a page from Navigation

Option 1: Drag the page from Main Navigation to Not Linked

Just hover on the page and drag it from Main Navigation to Not Linked

Option 2: Use code

Often used if you want to hide a page from Navigation on a specific page.

Suppose you want to hide item: Services on Homepage Only

#1. First, install Squarespace ID Finder

#2. Find Page ID. We will have an ID like this

#3. Use this code to Custom CSS box

#collection-65afaf111930c159bca47d49 {
  div.header-nav-item:nth-child(3) {
    display: none;
  }
  [data-folder="root"] > div > div > .container.header-menu-nav-item:nth-child(3) {
    display: none;
}
}

#4. Note