How to edit menu item and sub-menu item in header

Store Design
, , , , , , , , , , ,

Topic summary

A user wants to modify mobile menu behavior so clicking the “PRODUCTS” text navigates to the product overview page, while only clicking the arrow icon expands the sub-menu. Currently, the behavior is reversed.

Current situation:

  • Clicking “PRODUCTS” text → goes to product page
  • Clicking elsewhere on the line → opens sub-menu
  • User previously modified menu with custom JavaScript

Desired behavior:

  • Clicking “PRODUCTS” text/line → goes to product overview
  • Clicking arrow only → opens sub-menu
  • References another store (tomnoske.store) that works this way

Response from community:
The current theme doesn’t natively support this modification. The referenced store uses a different theme with different JavaScript functionality, which explains why it behaves differently. Modifying the default JavaScript settings could cause theme errors.

Status: Unresolved - the desired functionality appears to require either theme switching or potentially risky custom JavaScript modifications.

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

Hi CreatorTim

The theme you’re using does not support changing the menu the way you want. These are the default JS settings of the theme, and modifying them could cause theme errors.

Best,
Esther