Hello. I have a transparent header but logo is not inverted on hover. Works alright when you scroll. Thank you!
2 Likes
Hey @TheMythGaming
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
{% if template.name != "index" %}
{% endif %}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
You can add more of this code to do that.
.header-wrapper:hover .header__heading-logo { filter: invert(0); }
1 Like
@Dan-From-Ryviu Thank you! It worked. Sorry but one more thing, the cart icon is also not inverted on hover. Please help. Thank you!
1 Like
Please add this code
.header-wrapper:hover .header__icon--cart .icon { color: #000 !important; }
1 Like
@Dan-From-Ryviu You’re really good! Thank you!
1 Like
Very welcome!
1 Like
@Dan-From-Ryviu Sorry again but can you help me with this? The cart icon turns to black when I open the menu on mobile version. Thank you!
Please up this code
.header-wrapper:hover .header__icon--cart .icon { color: #000 !important; }
To this
@media (min-width: 750px) {
.header-wrapper:hover .header__icon--cart .icon { color: #000 !important; }
}
1 Like
@Dan-From-Ryviu Nice! Thank you again. 
1 Like
@Dan-From-Ryviu Hello! Sorry but I have encountered a problem again. When I go to product page, The menu is white. Help please. Thank you!
@Dan-From-Ryviu please help!
1 Like
Give me collab request code of your store so I can correct your customized CSS code to solve it.
I sent you a DM. Thank you!