How to make a specific nav link unclickable

To make a specific nav link unclickable on a specific page, you can follow these.

#1. First, find Page ID. You can use below tool.

In my example, we will have:

#collection-6673f2e18432c25013aee99f

#2. Suppose we need to make the item: Search unclickable

We will use this code to Custom CSS box

#collection-6673f2e18432c25013aee99f {
div.header-nav-item:nth-child(5), div.container.header-menu-nav-item:nth-child(5) {
pointer-events: none;
}
}

#3. Suppose you need to make an item in Folder Dropdown unclickable, for example item: Form Block

We will use this CSS code

#collection-6673f2e18432c25013aee99f {
div.header-nav-item:nth-child(6) div.header-nav-item--folder:nth-child(7) {
pointer-events: none;
}
[data-folder="/sections"]>div>div:nth-child(7) {
pointer-events: none;
}
}

Note:

and /sections in [data-folder=”/sections” is Folder Dropdown URL