How do I hide a specific navigation link in Squarespace?

You can hide a nav link by targeting its specific data attribute or using an nth-child selector. The cleanest method is to use the link's href value as a CSS attribute selector so it won't break if you reorder pages.

The hidden page still exists and is accessible by direct URL — this only removes it from the navigation. Perfect for pages you want to link to from specific places without showing in the main nav.

/* Hide by page URL slug */
.header-nav-item a[href="/hidden-page"] {
  display: none !important;
}

/* Also hide it in the mobile menu */
.header-menu-nav-item a[href="/hidden-page"] {
  display: none !important;
}