Why is my mobile menu not functioning properly?

Topic summary

Main issue: After adding a back button and moving the menu header, the mobile menu stops working and an Action button floats on screen.

Findings and clarifications:

  • A reviewer saw the menu functioning and explained the Action button appears only when logged in as admin; customers won’t see it.
  • The issue likely stems from recent JavaScript changes.

Proposed fixes:

  • Revert the last JavaScript edits to the theme to restore default behavior.
  • Add CSS in theme code (Online Store > Theme > Edit code > assets > base.css) to force open menu visibility: target .js details[open] > .menu-drawer and .menu-drawer__submenu with transform: none and visibility: visible (initially suggested at bottom, later at top of the file).
  • A step-by-step screenshot guide was provided; help was offered via store access for quick fixing.

User status/feedback:

  • The instructions were unclear to the reporter; they asked how to view the store as a customer (log out) and later said the CSS change did not work.
  • Another participant reported the same problem (mobile back button not functioning).

Outcome: No confirmed resolution. Discussion remains open with key next steps being to revert JS changes, verify customer view (log out/incognito), or grant access for debugging.

Summarized with AI on January 12. AI used: gpt-5.

How do i log out from admin and view as a customer?