Accordion/stacked mobile menu in Symmetry theme

Store Design
, ,

Topic summary

A user working with the Symmetry theme wants to modify the mobile menu behavior. Currently, when clicking a main menu item with subpositions, the submenu opens in a separate screen. The desired functionality is an accordion-style expansion where submenus expand downward while keeping the main menu positions visible.

Current Status:

  • User provided store URL (happify.pl) and password for review
  • Initial password access issue was resolved
  • A community helper (@CodingFifty) has requested access to investigate
  • The discussion remains open, awaiting a technical solution

Key Details:

  • Previous CSS/menu solutions from the forum haven’t worked for this theme
  • An image was shared illustrating the current menu problem
  • The issue specifically affects the mobile “hamburger” menu (three horizontal lines)
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I’m using Symmetry theme, and the other sollutions that I found on this forum doesn’t work for me.

And here is the problem:
I want to make mobile menu a little different. When I click these ‘3 horizonal lines’ and click one of ‘Main’ menu position, that has other subpositions, they are displayed in separate screen. I want menu position to expand down, and still see ‘Main’ positions.

menu-problem.png
menu-problem.png837×1214 61.9 KB

BR,
Piotr

2

Hi @happify21 ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

3

Sure :slightly_smiling_face:

Address is Https://happify.pl

Password: pickles2025!

4

Any ideas @CodingFifty ?

5

Hi @happify21 ,

CodingFifty_0-1742827689079.png
CodingFifty_0-1742827689079.png608×401 15.7 KB

6

Sorry @CodingFifty . Now password pickles2025! Should work