i want this dropdown menu main link to be unclickable.. (Brands, Activities, Categories) Cause They Are Empty
Topic summary
A user wants to make certain main menu dropdown links (Brands, Activities, Categories) unclickable because these parent categories are empty pages with no content.
Solution Provided:
- Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
- Add CSS code using
pointer-events: none !important;targeting specific navigation list items - The CSS targets the first three child elements (
nth-child(1),nth-child(2),nth-child(3)) of the header link list
Follow-up Issue:
The original poster added another collection to their navigation and needs help making that new item unclickable as well. The discussion remains open with this additional request pending resolution.
Hi @Emiway1
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
nav.header__link-list.justify-center.wrap ul.contents > li:nth-child(1) > details summary.text-with-icon, nav.header__link-list.justify-center.wrap ul.contents > li:nth-child(2) > details summary.text-with-icon, nav.header__link-list.justify-center.wrap ul.contents > li:nth-child(3) > details summary.text-with-icon {
pointer-events: none !important;
}
I hope this helps
Best,
Daisy
1 Like
Hello, i had added one more collection to my nav bar & its clickable, how to make that unclickable??