How to edit the hamburger menu option in mobile version

Topic summary

A user is seeking to modify the mobile hamburger menu behavior so that clicking on a menu item with sub-items triggers a dropdown instead of redirecting to the page—essentially making the entire menu item function like the existing ‘+’ button.

Current Issue:

  • Desktop version works correctly
  • Mobile version redirects instead of expanding sub-menus
  • Both the ‘+’ button and menu item click should reveal sub-menu options

Response:
A community member indicates this requires theme code modification. They mention testing a two-line CSS solution in Chrome DevTools that appears to work, though the specific code details are garbled in the conversation text.

Status: The discussion remains open with a potential CSS-based solution proposed but not fully detailed or confirmed as implemented.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.

Hello there ,

Is there any way to make that when clicked on menu option inside the hamburger icon instead redirecting to the page of the menu instead it drops - down to display the sub-menu , essentially doing the function of “+” button.

Both the “+” button and clicking menu should drop-down the sub-menu. Please do give any ideas to solve this issue in the mobile version , desktop version good.

Thank you .

Site url :: https://kdq1ytvkid442cfh-71493648693.shopifypreview.com

Hey @Anonymous ,

The generic way is the update the code, and without inside the theme code i cannot suggest you any update.

We can achive this with a two line css, i cheked this with in the chrome dev and it working perfectl, let see if it work for you.


1 Like