Make parent menu clickable on mobile - Sense Theme

Store Design
1

Hi,

I’m using Sense Theme and need help in making parent menus with dropdown clickable on mobile.

https://kbeautysource.com

The parent menus on desktop are clickable but not on mobile. Your help is much appreciated! Thank you.

2

Hi @kbee ,

Please go to header.liquid file, find ‘Details-menu-drawer-menu-item-’ and change code here:

Screenshot.png
Screenshot.png1180×535 35.9 KB

Code:

{{ link.title | escape }}

Hope it helps!

3

Hi. Thank you, it worked! I just wanna figure out how to align the menus properly so they don’t look like this on mobile.

Capture.JPG
Capture.JPG448×597 16.4 KB

4

Hi @kbee ,

Please change code:

{{ link.title | escape }}

=>

{{ link.title | escape }}

Hope it helps!

5

Hi @LitCommerce ,

It worked. Thanks a lot for your help.

6

Hi @kbee ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

7

Hi @LitCommerce

Do you know how to do this for the prestige theme?

Thanks

8

I can’t find this code now

9

Hi there,

I have the same issue now but I cannot find ‘Details-menu-drawer-menu-item-’. Its 2024 now so I guess there have been some updates to the file and now is a bit different.

Could you please help again with the issue?

Thanks!

10

Have you found solution about Prestige?

Please reply.

11

Thank you @LitCommerce ! This worked for me! The key was to put it in the header-drawer.liquid file for Dawn 14.0.

12

Did you find a solution to this? I also don’t seem to have that in my code.

13

if you want your subcategories clickable you can follow these steps:

Edit code —-> go to snippets—-> header-drawer.liquid

search for:
id=“HeaderDrawer-{{ link.handle }}-{{ childlink.handle }}”

under this section you’ll find this line:
{{ childlink.title | escape }}

replace it with this line:

{{ childlink.title | escape }}

14

This worked for me! Thanks so much!

15

In Dawn 15.1.0 open header-drawer.liquid and replace these lines with the code below.

Line 32: {{ link.title | escape }}
{{ link.title | escape }}

Line 44: {{ link.title | escape }}
{{ link.title | escape }}

Line 66: {{ link.title | escape }}
{{ childlink.title | escape }}

16

This was absolute :fire: . My Lines were in different spots but after playing around was able to make submenu clickable by replacing

{{ link.title | escape }}

with

{{ childlink.title | escape }}

the key for me was to look find

I suggest you command, f it

4 lines down you’ll find your {{ link.title | escape }} that needs to be replaced.

17

Hi! I’m Currently fixing my drawer menu on mobile Dawn theme, I have applied these codes but it is still not working.