Transparent Header on single page

Hello,

How can I get a transparent header on a single page only?

I’ve tried turning on the option in the theme settings but it applys transparent header to the whole website.

Theme Settings>Header>Header Layout
Header above the content
Overlap page content with this header (header is transparent)

Hello,

Thank you very much for choosing our theme and for contacting us.

Please add this code to the Theme Settings > Custom CSS > Global:

body.single .main-header {
    background: transparent;
}

If the code does not work, please provide your site URL.

Best Regards

[Author]

Posts