Change site nav label color

Solved
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)

Accepted Solutions
Zworthkey
Shopify Partner
3524 415 802

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
26721 2680 9395

@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
Navigator
288 63 90

@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 

Natztech
Shopify Partner
2238 565 1387

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Zworthkey
Shopify Partner
3524 415 802

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

zamandanoel
Tourist
5 0 3

Thank you! this fixed both mobile and desktop.