Different Logos on Header

[sixdreamz]

Hi,

i want to have 2 different Logos on my Header.

When i Enter my Site its pretty dark so my logo is white. when i go to the other pages the backgorund gets lighter so my logo should change to a black one. when i change it in shopify it changes to logo for every site. is there a way that i could have my logo in white on my landing page and my logo in black on every other page?

url: sixdreamz.com

[Liquid_xPert_SJ · Accepted solution]

@sixdreamz 

please add this code to your theme files instructions below

Online Store > Edit Code > Theme files > theme.liquid before the </body> close tag place the below code.

{% if template != 'index' %}
<style>
.header__heading-logo {
	-webkit-filter: grayscale(1) invert(1);
	filter: grayscale(1) invert(1);
}
</style>
{% endif %}

Thanks

[sixdreamz]

Hi, i know you already helped me but i wanted to ask if its possible to do the same thing with the cart icon?

[Liquid_xPert_SJ]

Yes it's possible