Mobile main menu element not clickable in dawn theme

[efente_store]

Hey there everyone

I tweaked my website code recently to make my main menu drop down when I hover on it, and the main menu still be clickable, and both are working fine on the desktop version of the website. But on the mobile version of the website, in the hamburger menu, only the nested menu is clickable and not the main menu, and I want the main menu to be clickable as well, so what can I do to make the main menu clickable? Any help would be greatly appreciated. Thank you. 

Ps- I'm attaching a screen recording so that you guys could have a clear idea of what I'm talking about. 

[Litos · Accepted solution]

Hi @efente_store,

Please go to header.liquid file, find 'Details-menu-drawer-menu-item' and add code here:

Code:

<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">
  {{ link.title | escape }}
</a>

Hope it helps!

[efente_store]

@Litos Works like magic. Thank you very much😍

[poxah-squinch]

That worked like a charm. Thanks

[Velovie]

Also worked great for me thanks! Since the original solution the code has changed a bit and is now found in 'snippets/header.drawer.liquid' (Dawn Theme). It also now has the  {{ link.title | escape }} on the following row where you insert this, so the link title appears twice. Just delete the  {{ link.title | escape }} that appears after the inserted code and it' all set. Top banana. Thank you!

[testchaglo]

Hello! I'm facing the same issue as OP. Have tested with your code but my links still aren't working. Can you help to check?

See preview: https://0838d4-6c.myshopify.com/
Password: betwew

Please let me know, thanks!