mobile menu overlaps logo on most screens

motomarketing · November 2015

URL: http://alexandracoaching.com/

I'm noticing that on most mobile browsers (ipad, tablets, etc), the menu overlaps the logo. See screenshot:

Albert · November 2015

Hi,

it's because your logo is definitely too large. To decrease logo size on mobile, please use below css:

@media only screen and (max-width: 767px) {
    #Top_bar #logo { height: 15px !important; }
    #Top_bar .logo #logo { margin: 0 !important; }
}

motomarketing · November 2015

Thank you!

Albert · November 2015

You're welcome

Comments