Solved

Mobile main menu element not clickable in dawn theme

efente_store
Tourist
22 0 1

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. 

Accepted Solution (1)

Litos
Globetrotter
688 169 143

This is an accepted solution.

Hi @efente_store,

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

Screenshot.png

Code:

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

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.

View solution in original post

Replies 3 (3)

Litos
Globetrotter
688 169 143

This is an accepted solution.

Hi @efente_store,

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

Screenshot.png

Code:

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

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
efente_store
Tourist
22 0 1

@Litos Works like magic. Thank you very much😍

poxah-squinch
New Member
4 0 0

That worked like a charm. Thanks