Hi there, I need to change the site header background colour to #000000 (black) with #ffffff (white) text and headings (for all pages), but keeping the body background white.
I can see that on other themes there is an option within the theme settings, colour section- however i see no header section so wondering if this is something that needs to be edited within the theme code?
I would really appreciate any help with this!!
@jeremy79
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
yes, i have a white version of the logo
.site-header__mobile-nav {
background-color: #000000 !important;
}
.site-header{
background-color: #000000 !important;
}
span.site-nav__label {
color: white !important;
}
.site-header__cart, .site-header__search, .site-header__account,.site-header__icon .icon-search {
color: white !important;
}
Add this code in the bottom of theme.css file.
Thank you so much! it looks brilliant 
Looks great. just on the mobile site, for some reason there is a blue bar at the top, how can i get rid of this? and second point the 3 horizontal line bar is grey and not white colour. is there a way to fix this?
button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--open{
color: white !important;
}
Add this code,
ive also worked out the blue banner is because the button colour is fixed to blue.
@jeremy79
great,
let me know if you need any more help,
We are happy to help you.
if helpful like our Solution.
button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--close {
color: white !important;
}
try out this code.
thank you so much for your help!! i really appreciate it
Kindly like our Solution, it helps other also.