(Squarespace) Hide an item from Navigation

Hide 1 item
Suppose you want to hide the “Services” item on One Page

You can use this code to Individual Page Header Code Injection

<!-- hide 1 item -->
<style>
div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(3) {
    display: none;
}
</style>

Hide 2 items
Suppose you want to hide the “Contact” and “Services” item

You can use this code to Individual Page Header Code Injection

<!-- hide 2 items -->
<style>
div.header-nav-item:nth-child(2), div.header-nav-item:nth-child(3), [data-folder="root"]>div>div>div:nth-child(2), [data-folder="root"]>div>div>div:nth-child(3) {
    display: none;
}
</style>
2 Likes