Change background color of navigation menu of Collection& Product Page without changing the Homepage

[Mabinibooks]

Hello, good evening!

I'm having trouble finding the right settings for the header menu background color for collection page & product page without affecting the Homepage color; I've tried editing the schemes, however when I change the color on the collection page, it also changes the color on homepage. I want to have a separate color on Homepage and Collection page.

The above image is the color that I prefer on the homepage
And this is the color I want for the collection/Product Page

https://totisevilla.myshopify.com/

Password: daocha

I'm using dawn theme

Please assist.

Thank you!

[BSSCommerce-HDL]

Hi @Mabinibooks, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[Abehub]

Hi Mabinibooks! I’d love to help you out. Could you let me know which theme you’re using for your website design? Also, if you could share your website link, that would be great, I can take a quick look and suggest some solutions!

[Abehub]

i look forward to your response ?

[Mabinibooks]

Hello, sorry I forgot to include it

https://totisevilla.myshopify.com/

Password: daocha

I'm using dawn theme

[Mabinibooks]

Hello, sorry I forgot to include it

https://totisevilla.myshopify.com/

Password: daocha

I'm using dawn theme

[Moeed · Accepted solution]

Hey @Mabinibooks 

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 {
    background: black !important;
}
.header * {
    color: white !important;
}
.header predictive-search label {
    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

[Mabinibooks]

Hello Moeed, sorry I forgot to include the website link. Please check the below details if the code you provided would also be applicable, thank you

https://totisevilla.myshopify.com/

Password: daocha

I'm using dawn theme

[Moeed]

Hey @Mabinibooks 

I've already provided you the code and the steps that were needed, please try that out and it should be good for you! 

Best Regards,

Moeed

[Mabinibooks]

It worked, thank you so much. Have a great weekend!

[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.