Clickable Parent Menu in Mobile - Symmetry Theme

Hello Shopify Experts,

Hoping that you could help me on this issue. The parent menus in desktop view are clickable but when it comes to mobile view, the parent menus turned into dead links and are only functional as dropdown buttons like this:
Tried the solutions posted on other forums for different themes, couldn’t find one for Symmetry theme. Please advise, any help is much appreciated! Thanks.

Hello @dexx1997 ,

Follow the advice if you can because write a solution for this request is not possible also it will takes time.

Separate the text html element from icon elements. Now write a JS function which will redirect customers to target page on click of text element and implement default on the icon click.
And maybe there is no need to write JS function for text element. Maybe its href will start working once you

separate it from the icon html .

Thanks

@dexx1997

Please share your stroe URL!

Thanks!

Hi @dmwwebartisan ,

Thanks for replying, my store url is https://winklerwoods.com

@dexx1997

i have check your shop menu work correctly in mobile view !

What do you want ?

Thanks!

Hi @dmwwebartisan ,

Yes it works in the default way.. the issue is I’d like to have the parent menus to be clickable as well because I have contents in there. If you notice, the parent menus such as “Tonewoods”, “Veneers”, “Buy Veneer” are not clickable in mobile view, they are just dropdown buttons but when it comes to desktop view you can click on them and see the contents inside. Sorry if I was not clear on the description of the issue. Thanks for checking on this!

@dexx1997

This is code customization work becouse not simple solution for this problem hire shopify expert.

Thanks!