How To Change Menu Icon Colors on Both Mobile & Desktop? (Debut Theme)

Solved
PickleKing
Excursionist
26 0 11

Hi,

I'm looking to change all the menu icons on my website to white.

I have managed to change them to white on mobile view, but it is still black on desktop view.

My Preview URL: https://70fy8w0onl0lyj6l-53754724549.shopifypreview.com

Can anybody help with this code? 

Many thanks!

0 Likes
JHKCreate
Shopify Partner
2245 375 501

This is an accepted solution.

Hi @PickleKing 

Add the following code to your theme.css file:

.site-header__icon {
    color: white;
}


That will fix, don't forget to like & mark as a solution if that works for you

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
PickleKing
Excursionist
26 0 11

Thanks for your response! I tried the code, and it does change all the colour for the icons, but again, it's only changing for mobile view? I'm really confused as to why. I placed the code on the bottom of the theme.css file. Any ideas to fix this?

0 Likes
PickleKing
Excursionist
26 0 11

Nevermind! It worked! The problem was that I had some code before it that I entered that was interfering with this code.

Thank you so much for the solution!

0 Likes