Mobile - black menu bar


#1

While my desktop site looks great, the mobile/tablet version has a big black bar at the top with no brand presence. Is there a way to change the black bar to white and ad my logo?

thanks


#2

Hello there,

Thank you for asking.

To change the header bar background, try to apply the following CSS code.

@media only screen and (max-width: 1024px){
  
  .site-header{
    background-color: #fff !important;
  }
  
  .slicknav_menu .slicknav_menutxt{
    color: #000 !important;
  }
  
}

> … no brand presence

It should appear by default. I thought I need to inspect your site directly. Could you please post your site URL here so I can have a closer look?

Regards,
Kharis