Solved

Make parent menu clickable on mobile - Sense Theme

kbee
Excursionist
16 0 2

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.

Accepted Solutions (2)

LitCommerce
Astronaut
2860 684 740

This is an accepted solution.

Hi @kbee,

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

Screenshot.png

Code:

<a href="{{ link.url }}" class="menu-drawer__menu-item link--text">{{ link.title | escape }}</a>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Astronaut
2860 684 740

This is an accepted solution.

Hi @kbee,

Please change code:

<a href="{{ link.url }}" class="menu-drawer__menu-item link--text">{{ link.title | escape }}</a>

=>

<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">{{ link.title | escape }}</a>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 10 (10)

LitCommerce
Astronaut
2860 684 740

This is an accepted solution.

Hi @kbee,

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

Screenshot.png

Code:

<a href="{{ link.url }}" class="menu-drawer__menu-item link--text">{{ link.title | escape }}</a>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
kbee
Excursionist
16 0 2

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

LitCommerce
Astronaut
2860 684 740

This is an accepted solution.

Hi @kbee,

Please change code:

<a href="{{ link.url }}" class="menu-drawer__menu-item link--text">{{ link.title | escape }}</a>

=>

<a href="{{ link.url }}" style="color: rgb(var(--color-foreground));text-decoration: none;">{{ link.title | escape }}</a>

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
kbee
Excursionist
16 0 2

Hi @LitCommerce ,

 

It worked. Thanks a lot for your help.

LitCommerce
Astronaut
2860 684 740

Hi @kbee,

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

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
BMos
New Member
24 0 0

Hi @LitCommerce 

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

 

Thanks

Georgeeeee
Shopify Partner
1 0 0

Have you found solution about Prestige?

Please reply.

Mujammil
Visitor
1 0 0

I can't find this code now

Simeon9311
Visitor
1 0 0

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!

cmag
Tourist
7 0 4

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