All things Shopify and commerce
How do I make my header change colour when scrolling down and the colour of the text also changes to black when it happens?.
My store URL is https://st4rz.org/ and it currently doesnt change the colour of the text
Solved! Go to the solution
This is an accepted solution.
Hello @shaunbulamu,
Add this code at the bottom of your theme.liquid file. Find and add this code before the </head> tag
<style>
.solid .header__icon, .solid .localization-selector.link, .solid .header__menu-item{
color: #000;
}
</style>
This is an accepted solution.
Hi @shaunbulamu
Add the below code to end of base.css file
header.solid .localization-selector.link, header.solid .header__icon, header.solid .header__menu-item {
color: rgba(var(--color-background), 0.75);
}
If you need further assistance feel free to reach out.
If you find this information useful, a Like would be greatly appreciated. And If this resolves your issue, kindly hit Like and mark it as the Solution! Thank you!
This is an accepted solution.
Hello @shaunbulamu,
Add this code at the bottom of your theme.liquid file. Find and add this code before the </head> tag
<style>
.solid .header__icon, .solid .localization-selector.link, .solid .header__menu-item{
color: #000;
}
</style>
This is an accepted solution.
Hi @shaunbulamu
Add the below code to end of base.css file
header.solid .localization-selector.link, header.solid .header__icon, header.solid .header__menu-item {
color: rgba(var(--color-background), 0.75);
}
If you need further assistance feel free to reach out.
If you find this information useful, a Like would be greatly appreciated. And If this resolves your issue, kindly hit Like and mark it as the Solution! Thank you!
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024