How can I change the color of my site navigation label?

[zamandanoel]

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!

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

password - aurtau

[KetanKumar]

@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;}

[Savior]

@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

[Kinjaldavra]

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]

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]

Thank you! this fixed both mobile and desktop.