A user modified the Debut theme header to black, which created two visibility issues:
Problems identified:
Solution provided:
Another user shared CSS code to fix the color conflicts by:
theme.css file via Online Store → Theme → Edit code.site-nav__label, .site-header__cart, header icons) with color overridesCurrent status:
The original poster confirmed the dropdown text issue was resolved but reported the mobile menu button remains the same color as the header background, still preventing customers from seeing where to open the menu. The discussion remains open with this mobile visibility issue unresolved.
Hi everyone I recently coded to change the header to black for the debut theme however it is now making my drop down colour white the text. It also is making the icon on mobile black so I cant click to see drop down.
Anyone know some code to fix? Thankyou
oh sorry for that issue can you try this code
@media (min-width: 750px) {
span.site-nav__label, .site-header__cart, .site-header__search, .site-header__account, .site-header__icon .icon-search, button.btn--link.site-header__icon.site-header__menu.js-mobile-nav-toggle.mobile-nav--close
{
color: #000000 !important;
}
}
@media (max-width: 749px) {
.site-header__icons .btn--link, .site-header__icons .site-header__cart {
color: #fff !important;
}
}
