Header Colour Problem

Resolved baleah
(@baleah)

7 years, 6 months ago
Hi everyone,

I have a problem with my header. I have my header background colour set to white on mobile tablet and pc on every page and with the sticky header.
For some reason it is white everywhere except on the homepage and only visible on desktop.
So on a desktop pc I see the header background in grey and not in white and if I scroll down to sticky it changes to white. I have checked everything and have everything changed to white and I can’t find why it is still grey.
Any help would be greatly appreciated.
Kind regards
Michael
- This topic was modified 7 years, 6 months ago by baleah.
The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

kword
(@kw56)

7 years, 6 months ago
Hi, sure the header background color can be changed in your Avada Theme customizing panel:
https://theme-fusion.com/documentation/avada/header/main-header-setup/#headerstyling

If not, you can add this code to Addittional CSS block in Theme Customizer:
```
.fusion-header {
    background-color: #fff;
}
```
Thread Starter baleah
(@baleah)

7 years, 6 months ago

I have the header styling already set to white and I tries adding the css block but it also doesn’t change the colour :/

kword
(@kw56)

7 years, 6 months ago

Maybe you have to clean cache?

Thread Starter baleah
(@baleah)

7 years, 6 months ago

yeah i Trend that with W3 didn’t change anything. The menu is white everywhere on every page except for the home page and only until I scroll then sticky goes to white also

kword
(@kw56)

7 years, 6 months ago

https://wordpress.org/support/topic/auto-cached-cleaning-autoptimize/

Optimizing Matters
(@optimizingmatters)

7 years, 6 months ago

not a matter of cleaning AO’s cache, but of the fusion CSS overriding the Autoptimized CSS which includes the custom CSS.

possible fixes:
* add .fusion-header to the comma-separated CSS optimization exclusion list
* OR add !important to the custom CSS (so .fusion-header {background-color: #fff!important;})
* OR remove wp-content/uploads from the CSS exclusions (might impact AO cache size growth)

hope this helps,
frank

Thread Starter baleah
(@baleah)

7 years, 6 months ago

Hey thanks everyone for the tips. I managed to get it fixed by going in the edit page scrolling to the bottom and changing the colours directly in the fusion Page options. Section-Header.

Thanks again.
Michael

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Header Colour Problem’ is closed to new replies.

Header Colour Problem

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics