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

Store Design
, , , , , , , , , , ,
1

Hi, I have a menu item “PRODUCTS” and a sub-menu item under it. (Want this only for mobile)

CreatorTim_0-1737064685479.png
CreatorTim_0-1737064685479.png181×400 8.91 KB

Right now, when I click directly on the “PRODUCTS” heading, it takes me to the full product page, but if I click anywhere else in the “PRODUCTS” line, it takes me to the next page with the sub-menu item.

I want to reverse this so that if I want to go to the sub-menu item, I only need to click on the arrow. And if I click anywhere else in that line, it will take me to the full product overview.

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

Here’s a store where it works the way I want: https://tomnoske.store/

THIS IS ONLY FOR MOBILE

Thanks a lot,
Tim

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

3

Hey, but on this store (https://tomnoske.store/) it works exactly how I want it to, so it must be possible

Also, earlier I couldn’t even click on the products, but I managed to fix that with custom JavaScript.

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.