Make the header content (drawer menu and icons) a different color on the landing page

[aclothingbrand]

Hi! 

I currently have a transparent header on the landing page with white content (logo, drawer menu and icons). I managed to make the header background white with a black logo on all the other pages but I'm struggling to make the icons and the drawer menu black/dark blue on the other pages. Does anyone know how to do this? Would appreciate it a lot!

This is what the other pages look like:

This is what the landing page looks like (nothing needs to be changed here)

This is what I want the other pages to look like:

 

Kind regards,

Aclothingbrand.

[aclothingbrand]

someone asked for my email to fix it but he deleted the reply

[Made4uo-Ribe]

Hi @aclothingbrand 

Would you mind sharing your store URL? Thanks!

[aclothingbrand]

Hi! I've send you a private message.

[Made4uo-Ribe]

Thanks for the info, check this one. 

Please replace this on the code you have in the theme.liquid. And Place this code before the </head>

{% if template.name == 'index' %}
<style>
.header__icon.link, 
.header__active-menu-item, 
.disclosure__button, 
.header__heading-link .h2 {
    color: white !important;
}
</style>
{% else %}
<style>
.header__icon.link, 
.header__active-menu-item, 
.disclosure__button, 
.header__heading-link .h2 {
    color: black !important;
}
</style>
{% endif %}

 And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!