Logo height squishes in browser width < 768px

Audity · March 2016

Hi there,

My logo is square and looks fine when the browser is above 768px in width. Below, however, it squishes the height from 90px to 60px like below. I tried editing #Top_bar #logo in 'layout.css' but it changed the logo across all window sizes.

Any ideas guys?

Many thanks,

Matt

Albert · March 2016

Hi Matt,

please send us link to page where you want to increase logo's size on mobile.

Audity · March 2016

http://69.195.124.106/~manosoph/marcheoureve/

Albert · March 2016

Thanks. So to increase logo size on mobile, you need to use extra css:

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

Audity · March 2016

That's the ticket, thanks

Albert · March 2016

You are welcome

Logo height squishes in browser width < 768px

Comments