Transparent header - product page

[Nato0201]

Hey team,

Wanting to make header transparent on every product page for mobile and desktop. Home page is currently transparent but product pages are not.

Any help would be appreciated!

https://ap-perform.com/

[BSSCommerce-HDL]

Hi @Nato0201 ,

Please follow these steps:

1. Please navigate to Online store => Themes => Edit code

2. Search for the file “base.css”

3. Add this code at the end of the file and save

@media screen and (min-width: 1025px) {
    .header-nav-hamburger:not(.header-hamburger--transparent) {
       background: transparent!important;
    }

}

This is the result

Hope this will helps

[Nato0201]

Hey! Hasn’t seemed to work. Is it meant for base.css?

[Nato0201]

Apologies! the header it self is transparent which is great! but It’s still it’s own block so I can’t have a photo go behind it when the page loads if that makes sense (see attached)