Hello guys, I’m having a problem with my main menu on the mobile.
When I press on it is not working on the mobile version, any way I can fix this?
Thank you.
Topic summary
Mobile menu (drawer) on a Shopify Dawn store doesn’t open on mobile for topgamesports.com. The issue is shown via screenshot.
Proposed fixes:
- Add CSS to force the menu drawer to display (e.g., remove transform and set visibility to visible).
- Create a custom ‘custom-styles’ snippet and render it in theme.liquid to apply menu-related fixes (steps and screenshots provided, but no specific CSS was included in the snippet content).
- Alternative viewpoint: avoid code edits; likely a theme/version or settings issue. Recommendation to update Dawn and back up the theme before changes.
Follow-ups:
- Another user tried the snippet approach and questioned placement in theme.liquid. The helper checked their preview and reported the mobile menu working for them.
Status and open points:
- No confirmation from the original poster that their issue is resolved.
- Root cause remains unclear (theme version, settings, or custom code/app conflicts not confirmed).
Notes:
- Several screenshots are central to the proposed steps and expected mobile behavior.
Please add this code to the custom CSS
#menu-drawer{
transform: none !important;
visibility: visible;
}
IF this solution works you can donate with link below
Hi @Topgamesports ,
Thanks for sharing the store URL. This will help me draft a solution that would help you achieve your desired layout. To fix this drawer issue, please follow the steps below:
- Open the code editor, as shown in the screenshot below.
- Create a snippet called ‘custom-styles’ and add the below code:
- Include the ‘custom-styles.liquid’ file in your “theme.liquid” file.
Add the following include code to your theme.liquid file.
{% render 'custom-styles' %}
It would look something like below:
- Done? Now save the file, and try previewing to confirm if the changes work for you. In the reference above, it looks like something as shown in the screenshot below:
This will help you in getting the desired layout.
If my response helped you, please consider giving it a like ( 
) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Thank you!
Regards,
Abhishek from Swym
1 Like
This should work out of the box. I am skeptical about changing the code here unless you have also made changes. For example added a menu plugin or edited the code manually. My gut is telling me you are using an outdated Dawn theme and maybe it needs an update. Otherwise, it should be a setting issue and not a code issue (unless of course you have edited the code in the past). My advice would be to not touch the code unless you absolutely have to. I say this because you are probably not a programmer and Shopify maintains/updates Dawn theme code periodically. This could cause issues for you if you change/add code that is not needed. Always make sure you make a copy of your site before you do anything.
1 Like
hi swym thank you for you solution i tried it and it doesn’t work can you help me ? maybe i didn’t put the custom-styles.liquid file in the right place..
i put it before the body and html
this is the end of my theme.liquid file :
{{ snippet_content }}
{% endunless %}
{% render ‘custom-styles’ %}
{% comment %}//Conversion Pro End {% endcomment %}
Hi @breathy ,
I checked the preview link and everything is working perfectly for me. Let me know if there is anything I can help you with?
Regards,
Abhishek from Swym