My dropdown menu doesn’t work correctly on mobile; it’s supposed to expand and show the subcategories, but nothing happens when we click.
What could be the issue?
Thanks in advance
Setinit
Topic summary
A Shopify store owner reports that their dropdown menu fails to expand and display subcategories when clicked on mobile devices.
Diagnosis:
- One responder identified a JavaScript conflict in the theme, visible in the browser console
- Suggested troubleshooting steps include reverting recent custom code changes or recently installed apps
- Professional developer assistance may be needed if basic fixes don’t resolve the issue
Attempted Solution:
- A code snippet was provided (JavaScript and CSS) to fix mobile menu functionality by adding click event listeners and styling adjustments
Current Status:
- The proposed code solution was tested but did not resolve the problem
- The issue remains unresolved and ongoing
1 Like
Hello @Setinit ,
There is JS conflict in your theme. You can check the browser console for the errors.
To fix it, try to revert the custom codes or the apps you installed recently.
If nothing works then you need to go with a developer to fix it.
If you need my help to fix it please drop an email for services.
Regards
Guleria
1 Like
Hi there @Setinit Feel free to try this code and let me know if it works for you
@media (max-width:767px){ .header .nou_megamenu{ width: 100% !important; } .show--dropdown + .sub-menu-dropdown{ display: block !important; } }No, it didn’t work.