Hey everyone! My menu on mobile view starts stacking links on top of each other. Anyway to change this section to a simple drop down accordion? Thank you in advance for all your help!
Topic summary
A Shopify store owner is experiencing a mobile menu display issue where navigation links are stacking vertically instead of appearing in a clean format. They’re seeking a solution to convert the menu into a dropdown accordion for better mobile usability.
Proposed Solution:
- Add custom CSS/JavaScript code to the theme.liquid file (before the closing tag)
- Access via: Online store → Themes → Actions → Edit code
- The solution appears to involve custom markup to restructure the mobile menu behavior
Outcome:
The original poster confirmed the solution worked successfully and expressed gratitude for the assistance provided. The issue appears to be resolved with the custom code implementation.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Victor | PageFly
1 Like
Victor! You’ve helped me so many times, you should be on my payroll from all the solutions you’ve provided for me haha. I hope you have an excellent day my friend! I really appreciate everything you do for us here.