Hi Team,
How can I change the full header to black with the text and icons set to white?
website: brizam.com
password: m
Thanks!
Please Go to Online Store → Themes → Edit code → Assets → theme.css and paste this code at the end of this file.
.site-header, .site-header__mobile-nav {
background-color: #000000 !important;
}
.site-nav__link {
color: #ffffff !important;
}
1 Like
Hi Thank you for that 
the icons (add to cart, login, search) camouflage in the background, how can i make that white as well?
The collections is white block as well - how can we make that all black with white text?
Usually, when we hover the icons, there is a white underline, can you help with that too?
Hi @BRIZAM ,
You can try the following code
#shopify-section-header .site-header,
#shopify-section-header .site-header .site-header__mobile-nav,
#shopify-section-header .site-nav__dropdown,
#shopify-section-header .mobile-nav-wrapper,
#shopify-section-header .mobile-nav__dropdown {
background-color: #000;
}
#shopify-section-header .site-header__icons-wrapper .btn--link,
#shopify-section-header .site-header__icons-wrapper .site-header__icon,
#shopify-section-header .site-header,
#shopify-section-header .site-header a,
#shopify-section-header .site-nav__link,
#shopify-section-header .btn--link,
#shopify-section-header
.mobile-nav__dropdown
.mobile-nav__sublist-header--main-nav-parent {
color: white;
}
#shopify-section-header .site-nav__link--active .site-nav__label,
#shopify-section-header .mobile-nav__link--active .mobile-nav__label,
#shopify-section-header .site-nav__link:focus .site-nav__label,
#shopify-section-header .site-nav__link:not([disabled]):hover .site-nav__label {
border-bottom-color: white;
}
2 Likes
Thank you so much again!
One last question - can we make the white border disappear for both website and mobile
All fixed!
Thanks so much @Hardik29418