Problem with overlay in menu on mobile version

carricdesign · May 2016

I'm not sure if this is a new bug or not. My client has been using BeTheme for a while, but just noticed that when they view the site on a mobile device, the overlay from the menu partially covers the title (see image attached). I updated the theme to see if it was a bug that was already fixed, but it is still there. Please advise how to fix this. Thanks - Carol (Site can be viewed here - http://blairhicks.lawyer)

Albert · May 2016

Hi,

this grey background under the logo is right top bar which can be disabled under Theme options > Header & Subheader > Extras section.

carricdesign · May 2016

Thanks for this, but the problem isn't really solved:

http://blairhicks.lawyer/Screenshot_2016-05-03-22-09-46.png

Albert · May 2016

Ok. If the problem hasn't been solved yet, you need to decrease line-height for the logo on mobile. You can do this with the following css:

@media only screen and (max-width: 767px) {
    #Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { line-height: 30px !important; }
}

Problem with overlay in menu on mobile version

Comments