Hello all! In my navigation menu, I have numerous dropdown lists which is all working well and happy with how everything seems. however, you can still click on the First menu option for example. How can I make the menu bar titles that have dropdowns, not clickable? Thanks, Theo
Hi @TheoLugan
To make the top-level menu items (the ones with dropdowns) not clickable, there’s a simple trick you can use in Shopify:
- Go to your Shopify admin → click on Online Store → then Navigation.
- Find the menu you’re working on and click Edit.
- For the top-level item that has a dropdown, change its Link to # (just a hash symbol), or even better, select “Link” and leave it blank (depending on your theme).
- Save the menu.
This way, when someone hovers over the menu item, the dropdown still shows, but clicking on it won’t take them to another page. Also, if you want to fully disable the click (even the # from doing anything), you might need to tweak a bit of the theme’s code (usually in the header.liquid or your theme’s navigation JavaScript), but the method above works fine in most cases.
If this was helpful, hit the like button and accept the solution.
Thanks