Debut theme drop down menu font color

Solved
Highlighted
Excursionist
40 0 4

Hi all,

 

I've got a couple of issues I'm trying to fix with the Debut menu font color and drop down font color. 

 

First problem:

When I have a menu option that has a drop down menu, the text is grey instead of white. See screenshot below. Any idea how to update this so it's white? 

Screen Shot 2019-06-26 at 17.57.48.png

 

Second problem:

  • I'm struggling to change the drop down menu font color from white to another color (see screenshot below), let's say black for this example. The code in this post doesn't work for me. Additionally I need to update the mobile code as well.
  • I also want to change the on-hover text color for the drop down menu items. 

Screen Shot 2019-06-26 at 17.59.22.png

 

If anyone can help with any of this it'd be greatly appreciated!

 

Best Regards

Duncan

0 Likes
Shopify Partner
1194 199 248

Hi

Follow this

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 .site-nav--has-dropdown button{color: white;}
 .site-nav__dropdown li a{color: black;}
 .site-nav__dropdown li a:hover{color: red;}

Note: you can change color as you want. if still issue then send me store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Excursionist
40 0 4

Hi @Jasoliya 

 

Thanks so much for this. It hasn't quite worked as I'd hoped though.

 

  1.  .site-nav--has-dropdown button{color: white;}
    This worked great! Except for this: when I hover away from the menu item the text turns black and has an underline beneath it. See screenshot. Screen Shot 2019-06-27 at 09.30.38.png
  2.  .site-nav__dropdown li a{color: black;}
    This doesn't work unfortunately. It's not affecting the text link colour, as you can see from the above screenshot the text links are still white.
  3. .site-nav__dropdown li a{color: black;}
    This worked great, thank you!

 

For points 1 and 2 you can see the problems at www.yoyelo.co.uk

0 Likes
Shopify Partner
1194 199 248

Hi,

I can see all menu in white color now just replace it:

.site-nav__dropdown li a { color: black !important;}

Let me know still you have issue. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
Excursionist
40 0 4

Thanks for your help, but doing this overrides the on-hover color in the drop down menu so it's always black.

It also doesn't resolve the issue in point 1, when I hover away from the menu item the text turns black and has an underline beneath it. See screenshot. Screen Shot 2019-06-27 at 09.30.38.png

0 Likes

Success.

Shopify Partner
1194 199 248

Add this;

.site-nav__dropdown li a:hover { color: #fee000 !important;}
.site-nav__link--button:focus{    color: white;   outline: none; }
.site-nav__link:focus .site-nav__label{    border: none;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Excursionist
40 0 4

Thank you @Jasoliya ! We got there. Your help is greatly appreciated! 

0 Likes