FROM CACHE - en_header

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
5581 642 1512

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
34555 3457 11299

@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
521 106 145

@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 

If helpful, please Like and Accept Solution.


Hire me or mail me  | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app

Kinjaldavra
Shopify Partner
2302 569 1407

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
Build your professional store with GemPage Page Builder
Zworthkey
Shopify Partner
5581 642 1512

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.