Change header colours and hover on other pages

[PALSHOP]

Hello friends, hope one of you geniuses can help me!

I have a reactive header which inverts the colours when hovered, which is awesome.

However, i only want it for the homepage.

On all other pages I want the header to be permanent, where it doesn’t change with cursor hover.

Background #ececec
Icons, buttons logo - #2d2d2d

Heren is the link to the store https://mjtygz3gogo9bw1a-83225739610.shopifypreview.com

Please help!

[Moeed]

Hey @PALSHOP

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 tag

{% if template.name != "index" %} 

{% endif %}

RESULT:

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

Best Regards,
Moeed

[PALSHOP]

Hello Moeed Bhai,

Thank you!

However there still seems to be an issue. On all the other pages, the header background is still white, and changes to #ececec on cursor hover. Is there any way we can make the header background #ececec on all other pages and keep it transparent on the homepage?

Thanks

Riaz

[PALSHOP]

Sorry please see attached images to show you