Make parent menu item clickable on Mobile - Dawn Theme

Store Design
,

Topic summary

A user successfully made parent menu items clickable on desktop in the Dawn theme but encountered issues with mobile functionality.

Solution provided:

  • Open the header-drawer.liquid file
  • Locate the <summary> tag around lines 28-30
  • Replace the highlighted <summary> element with an <a> tag using this code structure:
    <a class="link--text" style="text-decoration:none;" href="{{ link.url }}">{{ link.title | escape }}</a>

The solution converts the summary element to a clickable link element, enabling parent menu items to function as links on mobile devices. The helper confirmed this approach and asked the original poster to test and provide feedback.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

Hi, I managed to make the parent menu items on my website clickable in the Dawn theme, but it doesn’t seem to be working on mobile. Has anyone found a solution for this? I can’t seem to find it in the community forums.

My website is https://petitfox.pt.

Thanks.

2

Got it. So open your header-drawer.liquid file and look for summary tag around line 28 to 30 if you havent made a lot of changes.

Shadab_dev_0-1729798392933.png
Shadab_dev_0-1729798392933.png956×163 10.5 KB

See the part that is highlighted that was {{ link.title | escape }} I cnaged it to an a tag to this {{ link.title | escape }}

Try it out. Let me Know. Hope this works out for you as you ant it to.

Thanks

Shadab Ali