Adjusting sub-menu items on MOBILE

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

Topic summary

A store owner needs help modifying mobile header navigation behavior for a menu item labeled “PRODUCTS.”

Current Issue:

  • Clicking “PRODUCTS” on mobile redirects to a separate page displaying sub-menu items
  • Cannot access the main products overview page directly

Desired Functionality:

  • Clicking “PRODUCTS” should navigate directly to the products overview page
  • A separate arrow icon should appear next to “PRODUCTS”
  • Clicking the arrow should reveal a dropdown with sub-menu items
  • This behavior should mirror the reference site (tomnoske.store) where “STORE” menu operates this way

Important Note:

  • The issue only affects mobile view; desktop navigation already works correctly

Status: The request 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