I have build a store using dawn theme. But the problem is when I click the main navigation, the dropdown appears, which Is okay but it’s link is disabled. The link on that anchor doesn’t work. I’m talking about the main navigation. 1st child and grandchild links are working fine, but if there is a…

@smj_90 Please find following code your sections/header.liquid file Replace to Thanks!

Thank you so so much! It worked! :folded_hands:t4: Great support! Thanks a lot @smj_90 !!

@TanjaSalty most welcome :slightly_smiling_face: Kindly mark that reply as accepted solution so that anyone else looking for the fixing in mobile version can easily navigate through without going to the whole conversation

The styling CSS doesn’t seem to work in Dawn 4.0. Are there any other options? The URL’s are now mighty fine and purple :slightly_smiling_face: (The URL clickable fix does work!)

Hi @smj_90 - thanks for this! I am using Dawn 5.0. The solution seems to work in mobile but on desktop, clicking the main menu still opens the dropdown and will not take me to the parent page. Note, for me the lines of code were on #118 - not 114 (not sure if that matters). Thanks!

@nathan1001 hi there, share your store link, so that i can help and check into the issue

Thanks @smj_90 — Site is in preview mode. Hope this works: https://qxvlt7lgq9v39fwb-2582806643.shopifypreview.com <>

@nathan1001 Go to line # 118 replace the code {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %} with this {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %} go to your base.css add this at the bottom of the file .menu-drawer summary a{…

Hi Smj_90 Hope its ok to jump on this thread I have the same issues I have done what you have suggested above and it works perfectly on mobile but not on desktop is there something else I need to do? Thank you in advance

@Gam696 Go to line # 118 replace the code {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %} with this {{ link.title | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %} go to your base.css add this at the bottom of the file .menu-drawer summary a{ col…

How can I fix the disabled link in Dawn theme's main navigation dropdown?

Store Design

AceLearns September 13, 2022, 5:18pm 52

yea right? like this should be a no brainer, alright ill try to see thnx!

Topic		Replies	Views
How to fix disabled link issue in Dawn theme's main navigation? Store Design	12	110	July 22, 2022
Dawn Theme Version 6.0.2 How to make parent menu clickable Store Design	17	264	October 22, 2025
Dawn Theme - creating hover menu with clickable parent menu Shopify Discussion troubleshooting , shop-performance	10	379	December 6, 2024
Dawn Parent Menu Item Clickable - FINALLY SOLVED! Store Design menu , design , header , customizations , css , shopify-themes , troubleshooting	9	620	October 22, 2025
Dawn Theme 7.0.1: Dropdown menu parent link not clickable :( Store Design menu , css , shopify-themes	7	135	August 31, 2023

How can I fix the disabled link in Dawn theme's main navigation dropdown?

Related topics