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.
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