Make parent menu clickable on mobile - Sense Theme

Store Design

Topic summary

Users are seeking to make parent menu items with dropdowns clickable on mobile devices in Shopify’s Sense theme (and later Dawn and Prestige themes).

Initial Solution (Sense Theme):

  • Modify the header.liquid file by finding 'Details-menu-drawer-menu-item-'
  • Replace {{ link.title | escape }} with an anchor tag: <a href="{{ link.url }}">{{ link.title | escape }}</a>
  • This solution successfully resolved the issue for the original poster

Updated Solutions (Dawn Theme):

  • For Dawn 14.0+: Edit header-drawer.liquid in snippets folder
  • Replace {{ childlink.title | escape }} with: <a href="{{ childlink.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">{{ childlink.title | escape }}</a>
  • For Dawn 15.1.0: Apply similar replacements at lines 32, 44, and 66
  • Key identifier: Look for <details id="Details-menu-drawer-{{ link.handle }}-{{ childlink.handle }}"> and modify code 4 lines below

Current Status:

  • Solutions confirmed working for multiple users across different theme versions
  • One user reports the fix still not working on their Dawn theme implementation
  • No confirmed solution yet for Prestige theme
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’m using Sense Theme and need help in making parent menus with dropdown clickable on mobile.

https://kbeautysource.com

The parent menus on desktop are clickable but not on mobile. Your help is much appreciated! Thank you.

2

Hi @kbee ,

Please go to header.liquid file, find ‘Details-menu-drawer-menu-item-’ and change code here:

Screenshot.png
Screenshot.png1180×535 35.9 KB

Code:

{{ link.title | escape }}

Hope it helps!

2 Likes
3

Hi. Thank you, it worked! I just wanna figure out how to align the menus properly so they don’t look like this on mobile.

Capture.JPG
Capture.JPG448×597 16.4 KB

4

Hi @kbee ,

Please change code:

{{ link.title | escape }}

=>

{{ link.title | escape }}

Hope it helps!

3 Likes
5

Hi @LitCommerce ,

It worked. Thanks a lot for your help.

1 Like
6

Hi @kbee ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

7

Hi @LitCommerce

Do you know how to do this for the prestige theme?

Thanks

8

I can’t find this code now

1 Like
9

Hi there,

I have the same issue now but I cannot find ‘Details-menu-drawer-menu-item-’. Its 2024 now so I guess there have been some updates to the file and now is a bit different.

Could you please help again with the issue?

Thanks!

1 Like
10

Have you found solution about Prestige?

Please reply.

11

Thank you @LitCommerce ! This worked for me! The key was to put it in the header-drawer.liquid file for Dawn 14.0.

12

Did you find a solution to this? I also don’t seem to have that in my code.

13

if you want your subcategories clickable you can follow these steps:

Edit code —-> go to snippets—-> header-drawer.liquid

search for:
id=“HeaderDrawer-{{ link.handle }}-{{ childlink.handle }}”

under this section you’ll find this line:
{{ childlink.title | escape }}

replace it with this line:

{{ childlink.title | escape }}

1 Like
14

This worked for me! Thanks so much!

15

In Dawn 15.1.0 open header-drawer.liquid and replace these lines with the code below.

Line 32: {{ link.title | escape }}
{{ link.title | escape }}

Line 44: {{ link.title | escape }}
{{ link.title | escape }}

Line 66: {{ link.title | escape }}
{{ childlink.title | escape }}

1 Like
16

This was absolute :fire: . My Lines were in different spots but after playing around was able to make submenu clickable by replacing

{{ link.title | escape }}

with

{{ childlink.title | escape }}

the key for me was to look find

I suggest you command, f it

4 lines down you’ll find your {{ link.title | escape }} that needs to be replaced.

17

Hi! I’m Currently fixing my drawer menu on mobile Dawn theme, I have applied these codes but it is still not working.