Buy me a coffee

Hide Page from Desktop Nav but show it on Mobile Nav

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

1You can use this code to Custom CSS box

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

2

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;
}

3

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

4You can use this CSS code

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

5