Problem with header and collection page

Topic summary

A user is experiencing a navigation issue with their mobile menu’s “PRODUCTS” item, which has a sub-menu.

Current behavior:

  • Clicking directly on “PRODUCTS” text → goes to collection page
  • Clicking elsewhere on the “PRODUCTS” line → opens sub-menu

Desired behavior:

  • Clicking the arrow only → opens sub-menu
  • Clicking anywhere else on the line → goes to collection page

The user has implemented JavaScript code to make the “PRODUCTS” heading clickable and redirect to the collection page, but the interaction behavior needs to be reversed. They’ve provided their store URL and a reference example (tomnoske.store) where the desired functionality works correctly.

Status: The issue remains unresolved. The user has followed up multiple times via email requesting assistance with this mobile-only customization.

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

Just sent it again, check it out