Header color flashing

[derestricted]

Hi, I have set my header to be black, but the trouble is when you scroll to the top of the page, or when the page loads, it flashes white for a second. How can i stop this?

This is the code I have used:
#header-6 .is-sticky .sticky-header {
background: #000!important;
}
.sticky-header-resized {
background: #000!important;
}
.header-6 #main-nav {
background: #000!important;
}
#header-section .is-sticky sticky-header {
background: #000!important;
}
#header-section.header-6 .is-sticky #header.sticky-header {
background: #000!important;
}

nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu>li>a {
color: #FFFFFF;
}

[derestricted]

Here is the link to see what I mean: http://derestricted.com/

[Mohammad – SUPPORT]

Hi,
Please remove all custom css code and check.
Thanks
Mohammad

[derestricted]

The custom code makes it black man, without any custom code it looks like it does in default. I want it to look as it does now, i just dont want it to flash white when you scroll.
Please help me solve this. thanks.

[derestricted]

The class changes from ‘sticky-wrapper is-sticky’ to ‘sticky-wrapper’ when you hit the top of the page scrolling, so do i not just need to add something like

.sticky-wrapper {
background: #000!important;
}

This doesn’t work but i’m sure it must be something similar.

[derestricted]

never mind, I fixed it myself. thanks anyway.

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolve the issue.
Thanks
Mohammad

[derestricted]

Hi, I see now the only thing not changed is the header now on mobile devices which is still white. Do you know what css I need to add to make it black too? I cant inspect the element and see the source code like usual on my iPhone so am unsure what to change.
thanks

[Kyle – SUPPORT]

Hi

For me it’s black on mobile

– Kyle