Logo Skewed

[learninginlife]

Wondering if there’s a way to prevent the logo stretching on load on mobile browsers? Once I scroll down however, the logo then shrinks to the appropriate size. It would also be nice to reduce the white space beneath the logo in the header so it doesn’t occupy so much space underneath the logo/menu.

logo1.PNG is the way the logo looks upon loading the page in Chrome/Safari on iOS. Once I scroll slightly, it then changes to what it looks like in logo2.PNG. If I scroll back to the top of the page, it then reverts to the stretched version.

Ideally the logo would load & scroll as logo2.png with a reduction of the white space below the logo / menu.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please add this custom CSS to your theme options:

#logo img, #logo img.retina {
    min-height: inherit !important;
}

Thanks.