Dawn : Parent menu clickable mobile version

Technical Q&A
, , , , , ,

Topic summary

A user is trying to modify the Dawn theme’s mobile navigation so parent menu items with dropdowns are clickable and lead to collection pages, while still allowing access to sub-collections.

Current behavior:

  • Desktop version already has clickable parent menus that open on mouseover
  • Mobile version doesn’t allow clicking parent items to navigate to collections

Desired solution:
Either make the entire parent menu clickable while preserving sub-collection display, or make only the title clickable with a separate control for showing sub-collections.

Progress:
One respondent suggested modifying sections/header.liquid by replacing the mobile nav button code with an anchor tag wrapped around the link title. However, the original poster couldn’t locate the suggested code and believes modifications should be made in snippets/header-drawer.liquid instead, as the theme uses a drawer-style menu that adapts automatically for mobile.

Status: Unresolved - the suggested solution hasn’t been successfully implemented yet.

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

Hello, on the computer version, I’ve managed to get the clickable drop-down menu that opens on mouse-over.

Only on mobile I’d like to make the drop-down menu clickable to lead to the collection and keep the sub-collection display system.

Like many themes, this is arranged as shown in the image below.

Or make only the title clickable to lead to the collection, and everything else display the sub-collection.

Link : https://1sngnz-dw.myshopify.com/

Password : dF4d1-ji&.-5

Capture d’écran 2025-05-07 101453 (1).jpg
Capture d’écran 2025-05-07 101453 (1).jpg370×594 11.9 KB

Thanks in advance for your help,

1 Like
2

Hi,

Hope this will help

  • At sections/header.liquid or similar locate mobile menu code, find the someting like
{{ link.title }}

and replace with following example code

code example


  {{ link.title }}
  • use css for style
3

Thank you for your reply @Small_Task_Help

I can’t find any corresponding code. I don’t think there’s a mobile menu, it’s just the menu style that changes “drawer” which is automatically applied on mobile version

I think that if a modification is to be made it should be in the section : snippets/header-drawer.liquid