How to adjust sub-menu items on MOBILE

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

Topic summary

A user needs help modifying mobile header navigation behavior for a menu item called “PRODUCTS” that has sub-menu items.

Current Problem:

  • Clicking “PRODUCTS” on mobile navigates to a different page instead of opening the sub-menu
  • Cannot access the products overview directly from the main menu item

Desired Behavior:

  • Clicking “PRODUCTS” should navigate to the products overview page
  • A separate arrow icon should appear next to “PRODUCTS”
  • Clicking the arrow should reveal the sub-menu items below
  • This functionality should mirror the “STORE” menu on the reference site (tomnoske.store)

Important Note:

  • The issue is mobile-specific only; desktop navigation already works correctly

Status: The question remains unanswered with no solutions or responses provided yet.

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

Hey, I need help adjusting the sub-menu items in the header, specifically under the menu item “PRODUCTS.”

Right now, when I click anywhere on “PRODUCTS,” it takes me to another page with the sub-menu item, so I can’t just click on “PRODUCTS” itself.

I want it to work so that when I click on the menu item “PRODUCTS,” it takes me directly to the products overview. And in the header, to the right of “PRODUCTS,” there should be an arrow, and when I click on the arrow, the sub-menu item drops down below “PRODUCTS”.

I want it to work exactly as it does on this store: https://tomnoske.store/
(There, the sub-menu items are under “STORE”).

Here’s my store URL: https://1049xn-ya.myshopify.com/

THIS SHOULD ONLY APPLY ON MOBILE; ON PC IT WORKS FINE!

Thanks a lot for your help, I really appreciate it.
Tim

1 Like