How can I fix the white logo visibility issue on secondary pages?

[joshwatson1234]

Hey, I'm creating a website for my new product. 

I am using the Dawn theme on my store. I have done some coding myself to make the header transparent and my logo is white. I have done research and put I some code to inverse the colour once I scroll down. this is perfect on the Home Page.

But when I go to any other page (shop now, our story, etc) the logo remains white and you cannot see it. 

Could I please have some advice on this, I have spent hours trying to figure this out. 

Thanks

Website: thezhut.com.au 

[Moeed]

Hey @joshwatson1234 

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

<style>
.header__heading-logo {
    filter: invert(100%) !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[joshwatson1234]

Hey @Moeed

Appreciate you taking the time to help me out. I did what you said and it has made the logo constantly black. this has fixed the issue on the other pages but now the logo is black on the home page too. On the Home Page, I would like the logo to be whitened then scroll down and it be black. And on the other Pages to be black all the time. I will leave the website as it is so you can look.

Thanks