Logo Mobile Size

Mfbt · January 2017

Hi

I uploaded a separate mobile logo (cause the logo on desk is white, and an mobile it should be black). First i tried to have a black background, didn't work, then I uploaded a black logo (size 500 x 70). But my problem is now, that the logo is too big, and the menu is over the logo. See: www.manolopanic.com

Thx

Mfbt

I was using this code for the colour:

#Top_bar a.responsive-menu-toggle i { font-size: 35px !important; }

#Top_bar a.responsive-menu-toggle { border: 1px solid #000000 !important; width: 50px !important; }

#Top_bar a.responsive-menu-toggle {

color: #ffffff;

background: #000000;

border-color: #000000;

font-size: 14px;

}

Albert · January 2017

Hi,

the only way to keep the logo out of the large logo is to resize mobile menu with custom css:

#Top_bar a.responsive-menu-toggle { height: 30px !important; width: 30px !important; }
#Top_bar a.responsive-menu-toggle i { line-height: 30px !important; }
#Top_bar a.responsive-menu-toggle.is-sticky { top: 37px !important; }

Mfbt · January 2017

Hello

I copied this code into themes option css - but you could check it on your mobile, its a mess. You even couldn't see the menu, because the line are white.

Thanks for checking

Mfbt

Albert · January 2017

If you still got the mess, then you need to decrease logo size on mobile with the following css:

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

Logo Mobile Size

Comments