Header Style and Mobile Logo

chriskean

Hi, I've just switched my site form "Classic" to "Stack: Left".  This has affected the way the logo appears on a mobile device.  Now the logo is too big to be fully displayed and over laps the menu icon and carries on off the screen?  Please advise, many thanks 

Albert

Hi,

any url to site where this happen?

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

chriskean

http://www.child-psychologists.co.uk/ - thanks 

Albert

Ok. So to decrease logo size on mobile devices, please use below css:

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

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