Solved

Why isn't my Shopify site nav label changing color?

zamandanoel
Tourist
5 0 3

I am trying to change .site-nav__label to be White .

I've tried editing in the css and adding code to the bottom but no luck. The arrow is there ebut you can't see the text until you hover.  I would like to change on desktop and mobile. Thank you! 

Screen Shot 2021-11-10 at 4.36.17 PM.pngScreen Shot 2021-11-10 at 4.36.15 PM.png

 

https://fat-beet-farm-kitchen-bakery.myshopify.com/

password - aurtau

Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

Hii, @zamandanoel 
Paste this code on top of the theme.scss file.

.site-nav__link--button {
    color: white !important;
}
button.btn--link.js-toggle-submenu.mobile-nav__link {
    color: white !important;
}

Thank You.

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
36839 3635 11972

@zamandanoel 

sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.site-nav__link--button {color: #fff;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Savior
Shopify Partner
537 108 161

@zamandanoel 

 

1. Go to your store Actions > Edit Code

2. In Assets > theme.css add below lines at the bottom of the file:

.site-nav__label {
color: white}
 

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

banned
Kinjaldavra
Shopify Partner
2302 570 1422

hello @zamandanoel  

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header .grid .grid__item .site-nav__link {
color:#ffffff ;
}

 

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

Hii, @zamandanoel 
Paste this code on top of the theme.scss file.

.site-nav__link--button {
    color: white !important;
}
button.btn--link.js-toggle-submenu.mobile-nav__link {
    color: white !important;
}

Thank You.

zamandanoel
Tourist
5 0 3

Thank you! this fixed both mobile and desktop.