How to change header icon colors (Motion Theme)

[Anonym3845]

Hello,


How can i change the color of the menu and the shopping cart icons in my header to black?

Website: www.succexx.com
Theme: Motion 10.1.0


Best Regards

[Dan-From-Ryviu]

Hi @Anonym3845 

You can do that by adding this code at the bottom of your theme.css file 

.is-light .site-nav__link { color: #000 !important; }

 

[Anonym3845]

I only have Theme.css.liquid and theme.js and both don't work if i add the code.

[Dan-From-Ryviu]

So add code to theme.css.liquid file 

[David_SHT]

Hi @Anonym3845 ,

This is David at SalesHunterThemes.

Thank you for your question. 

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.css file.

Add this following code at the bottom of page.

.is-light .site-nav__link {
     color: #000 !important;
}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[Anonym3845]

I only have Theme.css.liquid and theme.js and both don't work if i add the code.

[David_SHT · Accepted solution]

Hi @Anonym3845 ,

I checked your theme.css file, it seems it's missing the closing } tag, don't worry, add my code at the end of your theme.css file.

}
.is-light .site-nav__link {
     color: #000 !important;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[Anonym3845]

Thank you a lot!

[David_SHT]

You’re welcome! I’m glad I could provide the information you needed.

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.is-light .site-nav__link, span.cart-link {
color: #000 !important;
}

[Anonym3845]

I only have Theme.css.liquid and theme.js and both don't work if i add the code

[ZestardTech]

Hello there,

Please close the CSS tag after adding this CSS:

}

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.is-light .site-nav__link, span.cart-link {
color: #000 !important;
}

[INA_MSWEB]

Hi @Anonym3845 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.site-nav__link--icon .icon {color: blue;}

Regards,

San