How do you make your logo white but only for HOME PAGE

clayinfo
Excursionist
66 0 12

Hi would like to ask how you can make your home page logo white while the rest of your pages are black. Please help! 

 

www.constructionlayers.com

PW: CollectionThree

Replies 3 (3)

Moeed
Shopify Partner
3767 952 1184

Hey @clayinfo 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

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

RESULT:

Moeed_0-1712773906783.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
clayinfo
Excursionist
66 0 12

When i resize my window it becomes white again 😞

Screen Shot 2024-04-11 at 2.36.37 AM.png

clayinfo
Excursionist
66 0 12

Can anyone help me?