Goal: make top-level main menu items clickable (link to their collections) in Shopify’s Dawn theme instead of only opening submenus.
Approaches shared:
Reports/Issues:
Other notes:
Status: Partially resolved. The navigation-only method works on older Dawn versions, but issues remain for Dawn 14/15, mobile behavior, and styling (colors/underlines). Code snippets/images are referenced but incomplete, limiting reproducibility.
I want to make mainmenu clickable in shopify
when I click on it then it shows me sub menu but I want that when i click on it , it will be rediract me show all the products that is in that collection , who select me in mainmenu backend.
I hope someone reply me soon .
Theme : Dawn;
Hi @socialbs
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Dbuglab
Hi @socialbs
You can do that by adding 2 lines of code in your header-mega-menu.liquid and header-dropdown-menu.liquid files
Line 1
Line 2
Hello @socialbs
Its Artzen Technologies! We will be happy to help you today.
I understood your problem and i have come up with a solution that will help you in achieving the desirable result.
Please go to the Navigations in the backend and follow the below screenshots.
2.Add the link for collection in the main menu and click Save.
Let me know if need further assistance
Regards,
Artzen Technologies
nice one this solution actually works, lots of misleading replies to this question in the community overall.
Thank you for this quality reply
solution confirmed working with dawn theme 10.0
Thanks! works with Dawn 9.0 too.
I’m on Dawn 14.0 and when I do this I lose all my css settings.
Hi hi, I have the same problem with Dawn 15.0. How can I fix this? 
Hi hi, I have the same problem with Dawn 15.0. How can I fix this?
Hey, @myl1
I’m not formally trained in code to provide you with an exact solution to reconfigure the menu to be clickable. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.
Works on desktop but it doesn’t on mobile… any advice?
I cant believe it, ive tried everything and this was the only thing that worked! Only problem is that the menu options are now purple or blue. Is there a way to inherit the theme colors? So the purple and blue disappear
? Thank you so much!
I made a duplicate of my store and tried this:
in header mega menu liquid i added the following:
in line 19 i added:
and in line 29 i added:> > {{ childlink.title | escape }}> {% render ‘icon-caret’ %}> > When i preview store it works like this without showing blue or purple lines. But do you think this is a safe method? Can i add this to my original store or will there be problems? And if so can you please help me with fixing the blue and purple lines i get with your code?> > i really appreciate you helping out! Thank you
Please update this code
To this
