Change bg color on mobile header

Hi,

my desktop header has a white background color. On mobile the bg color switches to black. How can I change the bg color in header for mobile devices?

Thanks in advance,
julingn

Add this using Custom CSS:

@media (max-width: 767px) {
.td-header-wrap .td-header-menu-wrap-full,
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-main-menu {
background-color: #ffffff !important;
}

Hi albnaldo,

thanks a lot for your help. Bg color and logo are displayed correctly now. Unfortunately the toggle menu and search box are not visible anymore. I guess I have to make them black but I do not know how. Can somebody please help me out here?

cheers,
julingn

Use this:

#td-top-mobile-toggle i {
color: #000;
}

.header-search-wrap .td-icon-search {
color: #000 !important;
}

• This reply was modified 11 years by Rony123456.

Issue solved! Thanks a lot albnaldo.