Header over content not working

I want the header/sticky header to have a black background on every page except the home page.

On the home page, I want it to be transparent/header over content, until I scroll down, then I want it to have a black background. How can I achieve this?

Hello,

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

In order to make the header over the content, enter the page editing mode and enable the option:
https://gyazo.com/74f8f4859ef28b2376fe9bbccfcc2e68

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

.main-header.header-has-no-bg.act-scroll {
    border: none;
    box-shadow: 0 1px 5px rgba(190,190,190,.5);
    background-color: #000000;
}

Best Regards

This did not work. Do you have another suggestion?

Hello,

Please provide your site admin access.

Best Regards

See private content.

Hello,

I need full access to the Theme Settings, now I do not have

Best Regards

I changed your privileges to Administrator — did that work?

We have added the following CSS code for you. Please, check how it works now

.home .main-header:not(.act-scroll) {
	background: transparent!important;
}

That worked, thank you so much!

You are welcome.

[Author]

Posts