Header above the content problem

Hi again,

I want to have everywhere in my shop a black background with a sticky header and light text colour except on the Home page.

I have done the below steps and but I cannot get the Header above the content in the Home page to remove the background colour. It always sets the black colour.

I have set in Header Layout
Sticky Header -> ON
Header above the content -> OFF

I have set in Style & colors
Header text color -> Light
Header background -> Black

and in my Home page
Header design -> Inherit or Simplified (Is the same i think)
Header above the content – > ON
Header text color -> Dark

Attachments:

You must be logged in to view attached files.

Hi,

Please, provide us your website link so we can check it.

Regards

You can clearly see that all other pages are working with the prefer colours and settings.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.home .main-header {
	background: transparent;
}

Yes that works but what about when you scroll down and becomes a sticky header? It should be black with a small tone of opacity around 80%?

We can’t see your website now. Did you block the IP again?

Yes sorry. Its open again

I have added the below css also to make it with white background but now I have the white logo showing up.

.header-has-bg.header-color-dark.act-scroll {
-webkit-box-shadow: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.9);
}

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.home.sticky-header-real .act-scroll .switch-logo-enable .woodmart-main-logo {
	display: block;
}

.home.sticky-header-real .act-scroll .switch-logo-enable .woodmart-sticky-logo {
	display: none;
}

Regards

Ok it works with the correct logo, thank you very much.

You are welcome!

[Author]

Posts