Logo Mobile Size

Mfbt

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Mfbt

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next