Header Hover effect - turn off for specific pages

[ellacoker]

Hello,

I have coded my header so that it is transparant unless hovered on in desktop / clicked in mobile. Is there a way to change this for specific pages, such as my product page (see image) so that it stays the green colour only (as i do not want to put an image banner on this page).

URL: https://www.livwithin.com.au/products/moon

PW: pewpog

[Dan-From-Ryviu]

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code

{%- if template.name contains 'product' -%}

{%- endif -%}