Hide Page from Desktop Nav but show it on Mobile Nav

[tuanphan]

Suppose you want to hide item “Book Now” from Desktop Nav but still keep it in Mobile Nav on Squarespace.

You can use this code to Custom CSS box

div.header-nav-item:nth-child(2) {
    display: none;
}

Suppose you want to do this on One Page only, you can find Page ID

Next, use CSS code like this:

#collection-66a1bfc99041e47b896c1e48 div.header-nav-item:nth-child(2) {
    display: none;
}

If you need to hide item from Folder Dropdown, for example this item: Pricing Test

You can use this CSS code

div.header-nav-item:nth-child(1) div.header-nav-folder-item:nth-child(5) {
    display: none;
}