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.
4

Hi
It works because your store and the other store are using two different themes (https://prnt.sc/PZFimi5dEYJL). The JavaScript files of the two themes are not synchronized and operate differently.