Debut theme: changing colour of menu items on mobile

Solved
Excursionist
46 0 8

Hi,

 

I'm struggling to figure out how to change the colour of SOME menu items, specifically on mobile — can anyone assist? 

 

You can see the issue on https://www.yoyelo.co.uk/ if you access the menu on mobile. Also see screenshot below. It's specifically the menu items which link directly to a collection or product. If the menu item has a sub menu then you can see the text ok.

 

Can anyone help?

 

IMG_9075.jpg

0 Likes
Shopify Expert
11 4 3

Hi

use this code it will fix your issue

.mobile-nav-wrapper .mobile-nav a.mobile-nav__link {
color: #3d4246;
}
 

 

 

 

 

 

0 Likes
Excursionist
46 0 8

Thanks for getting back to me. That seems to have worked for the top level links but not sub links below that. They are still white.

0 Likes
Shopify Expert
11 4 3

This is an accepted solution.

add this with previous one

.mobile-nav__dropdown .mobile-nav__sublist-link {
    color: #3d4246 !important;
}

 

Excursionist
46 0 8

Thank you again Vikas! That worked perfectly! 

New Member
3 0 0

Hi!

I tried this as well and it works well, but it leaves the arrow to go back to the "main menu" white. Is it possible to put it black as well, I tried everything but didn't have any luck. 

Would really appreciate if someone could help! Thanks!

Screen Shot 2020-12-01 at 19.46.17.pngScreen Shot 2020-12-01 at 19.46.26.png

0 Likes