How To Get Black Logo When We Hover On Header?

[Emiway1]

How To Get Black Logo When We Hover On Header?

URL: https://mybadger.in/

i Had Selected White Logo For Transparent Header & Black For Normal Header

But, When We Hover On Header {in Starting} It Shows Only White, black is coming when we slide down, 

so inshort want black logo to be appear when we hover over a header

[Dan-From-Ryviu · Accepted solution]

Hi @Emiway1 

You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.header:hover .header__logo-image {
    filter: invert(1);
}

[Emiway1]

Thanks

[Dan-From-Ryviu]

Can you take a screenshot of where you added the code? Did you save after adding code? 

[Dan-From-Ryviu]

I see its working 

[Dan-From-Ryviu]

Please update code to this 

{% if template == 'index' %}
.header:hover .header__logo-image {
    filter: invert(1);
}
{% endif %}