Changing the colour of my header from transparent to white.

[CBOfficial]

Hi, I am hoping someone would be able to help. 

On my shopify page, I want to keep the 'Home Page' Header transparent and the writing/ icons etc in white. However, I want this to change to become white with black writing and icons when I scroll down. 

I do not want this to happen of my other pages. On all of my other pages I need the header to be white with black writing and icons. 

https://cabaneofficial.com/. 

Thank you. 

[Moeed]

Hey @CBOfficial 

Welcome to Shopify Community! You have password enabled please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[CBOfficial]

Hi Moeed, the password is cofficial123! thank you.

[Moeed · Accepted solution]

Hey @CBOfficial 

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.name != "index" %} 
<style>
header * {
    color: black !important;
}
</style>
{% endif %}

RESULT:

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

Best Regards,
Moeed

[CBOfficial]

Hi Moeed, 

That is brilliant thank you very much. Really appreciate your help! 

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.