Normal and Retina Logo on mobile Screen

[Lars]

Hi,

I have a Problem with the Normal- and Retina-Logo at the Tablet- and Phone-size. I use the Header-Layout No. 4.

My Normal-Logo is 135 x 90 Pixel.
My Retina-Logo is 270 x 180 Pixel.

I set the Logo Max Height to 90 Pixel.

The Retina-Logo looks perfect on my Retina-Screen when it comes to the Desktop-Size. When I resize to Tablet- and Phone-Size the Retina-Logo gets bigger to 270 x 180 Pixel and overlapps the header. On my Normal-Screen is everything ok.

What is the Problem?

In the attachment you find two screenshots. Both are take from the Retina-Screen. Like I said: The Desktop-Size is ok. The Tablet- and Phone-Size not.

Best Regard Lars

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Are you using the latest version of the theme?

– Kyle

[Lars]

Yes. Version 1.93

[Kyle – SUPPORT]

Could you provide me with a link so I can check it?

– Kyle

[Lars]

This reply has been marked as private.

[Lars]

I figured out that the problem is in Chrome.

I use: Version 39.0.2171.71

[Kyle – SUPPORT]

Add this to your custom css:

#mobile-logo img.retina {
max-height: 90px;
}

– Kyle

[Lars]

Works. Thank you, Kyle!

[Kyle – SUPPORT]

Great, no problem

[prlng]

I am having the same problem with the logo on mobile.
On desktop I need it to be 140px x 140px
On mobile it should be 100 px x 100px

How can I do this with custom CSS?

[Mohammad – SUPPORT]

Hi,

@prlng – I have resolved it so please check it now.
Thanks
Mohammad