Mobile menu is not working for my store, its working absolutely fine for desktop though

Shopify Discussion

Topic summary

A user reported that their mobile menu was not functioning on any pages of their Shopify store, while the desktop version worked correctly.

Initial Troubleshooting:

  • The store uses the free Dawn theme and is still in development
  • One responder suggested the issue might stem from using a downloaded theme or custom coding

Resolution:

  • A CSS fix was provided to add to the base.css file:
    .js details[open]>.menu-drawer {
  transform: translateX(0);
  visibility: visible;
}
  • The original poster confirmed this solution resolved the mobile menu issue

Status: Resolved with the CSS code snippet.

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

my store’s mobile menu is not working on any of the pages or for the products although it’s working fine for the desktop. this is the link for my store

2

As your Store is in Development Process. Please check it again through customization.
Could you please tell me do you buy theme or Used downloaded one theme? Because sometime Downloaded theme not working well.
Or maybe you add custom coding it that effect it.

3

I am using Dawn Theme which is free, how do I check it again through customization?

4

p/m me so that I provide you solution code.
Thanks

5

please provide me with the solution here, it will be very helpful.

6

Add the following css in your store (base.css file):

.js details[open]>.menu-drawer {
   transform: translateX(0);
   visibility: visible;
}
1 Like
7

Thanks that was very helpful

1 Like
8

You are welcome. If you liked my solution just do not forget to hit the like button. Thanks

1 Like