Menu (using Dawn theme) is not visible on mobile

Store Design
, , ,

Topic summary

A user reports that both the standard menu and hamburger menu on their Shopify store (Dawn theme) have display: none applied on mobile devices, making navigation invisible. The desktop version functions correctly.

Customization context:

  • Only CSS alignment was modified
  • User suspects JavaScript may be involved but lacks experience with JS modifications

Responses provided:

  • One community member requested the store URL and password (if applicable) to investigate directly
  • Another member shared a link to a related thread covering three common causes for this issue with troubleshooting steps

Status: The discussion remains open, awaiting either the store URL for direct diagnosis or the user’s attempt at the suggested troubleshooting solutions.

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

The website has a regular menu (the only thing I’ve customized was the alignment from the css code) The problem is that in mobile both menus, the normal and the hamburger menu have both display: none so neither are shown. In desktop it works fine.

Can someone tell me how to fix this? I have some experience in changing html and css but this might be some code set up at the js code I assume and I don’t know how to change it or the risks involved.

Thanks.

1 Like
2

Hey @ceciliamarnero

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello there, check out the first reply here https://community.shopify.com/c/shopify-design/why-can-t-i-see-the-menu-bar-in-my-dawn-theme-on-shopify/td-p/2186072

It covers the 3 major possible issues and how to go about it in this situation