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
