Main menu nesting mobile vs desktop?

Shopify Discussion

Topic summary

A user is seeking to modify their Shopify store’s mobile menu behavior to match the desktop experience. Currently, the mobile menu requires two clicks: one to open the hamburger menu (three lines) and another to expand nested categories.

Desired outcome:

  • Display all nested menu items immediately upon opening the mobile menu
  • Avoid adding menu items as header sections
  • Achieve the same nesting structure visible on desktop

Current status:

  • User is working with Dawn theme version 15.3.0
  • Screenshots show the difference between desktop and mobile menu displays
  • A helper requested store URL access to provide custom code solution
  • User declined to share store credentials

Resolution: The discussion remains open with no solution provided yet.

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

Hey everyone I am trying to find a solution to make the mobile nesting the same as the desktop main menu nesting is there a way to do this? I will include images. I don’t like how mobile requires the nesting to click twice on a menu once for the 3 lines and once for the categories. I’d like them all visible upon clicking the 3 lines without having to have the menu items on the header as sections if possible. Images included.

Desktop.png
Desktop.png307×415 8.96 KB

Mobile.png
Mobile.png464×780 8.13 KB

Setup.png
Setup.png748×572 17.6 KB

.

1 Like
2

Hi @Lu2025 ,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

3

Hey there it’s the standard Dawn theme 15.3.0.

4

No i’ll pass sorry.