How to make Mobile Subheading Clickable links aswell as dropdown option

Store Design
,
1

Hi,

I have a mega menu which has multiple subheadings on desktop the subheadings for example Happy Nappy Products are clickable to a collection page but on mobile when you click Happy Nappy Products you are taken to only a drop down where you have to select one of the options. Is there some liquid code which can make the subheadings clickable and a dropdown on mobile?

Thanks

Theme Dawn 15.1

Screenshot 2024-10-15 at 14.57.24.png
Screenshot 2024-10-15 at 14.57.24.png1398×836 60.1 KB

IMG_3292.jpg
IMG_3292.jpg1179×1937 87.7 KB

Screenshot 2024-10-15 at 14.57.24.png
Screenshot 2024-10-15 at 14.57.24.png1398×836 60.1 KB

2

Hi @swim2024 ,

By default the settings are not to show link of the drop down heading but you can achieve it by customizing the menu code and add link to the heading so that it will be a clickable menu.

3

Hey, Is there some code which I can add to the liquid files which will do this?

Thanks

4

@swim2024 if you know how to change the code you can refer to the screenshot below

Online Theme > Theme Edit > Edit Code > Snippets > header-dropdown-menu.liquid

Find below code
 

and replace it with 

                        {{ childlink.title | escape }}

Thanks