How can I add a colored header to product pages while keeping a transparent one on home page?

[mdahlsam]

Hello,

I recently changed my header to transparent to better suit my Home Page but it has messed up my product pages.

I am looking to create a coloured header for the product pages so viewers are able to see the logo and icons while keeping the Home Page the same.

Home Page:

Product Page (Desktop & Mobile):

(Icons and logo are white so they blend into the background)

What I am Looking For (Photoshop Mockup):

Website URL: ahoygoods.com

Thank you!

[Dbuglabpvtltd]

Hi
You use this condition

{% if template == index %}

Home page header code here

{% else %}

Rest other pages header code here

{% endif %}