Solved

Different Logos on Header

sixdreamz
Excursionist
46 0 14

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

Accepted Solution (1)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

This is an 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

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 3 (3)

Liqiud_xPert_SJ
Shopify Partner
978 117 151

This is an 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

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
sixdreamz
Excursionist
46 0 14

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

 

Liqiud_xPert_SJ
Shopify Partner
978 117 151

Yes it's possible 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂