Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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.
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;}
1. Go to your store Actions > Edit Code
2. In Assets > theme.css add below lines at the bottom of the file:
If it helped you solve your issue, please like and mark it as a solution. Thank you
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 ;
}
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.
Thank you! this fixed both mobile and desktop.
User | RANK |
---|---|
187 | |
151 | |
81 | |
77 | |
65 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023