Menu Bar not showing and logo not overlapping on cover photos


#1

Hi,

When using smaller devices like phones, the logo is no overlapping on my cover photos and the menu bar is not showing all the time.
My site is www.baobabtravel.net

Please advise

Thanks

Alan


#2

Hello Alan,

Yes, there is no overlapping on smaller devices, it’s default behavior.

Please try to use this CSS code to color your menu bar, so menu button will be visible:

@media only screen and (max-width: 991px) {
     .site-header {
          background-color: #729BBF !important;
     }
}

You can add this code to style.css file of your child theme, or you can use Simple Custom CSS plugin for that.

Please feel free to ask any other questions you might have.

Best Regards, Roman.