Retina Logo Squishing

[CanadaOneFifty]

The retina logo on my site is squishing, do you have a fix?
http://canadaonefifty.ca/wp/

TD

[satori]

Hey Tyler,

could you please also send me a screenshot of the logo error and tell me on which device (desktop/laptop/tablet/smartphone) the error occurs, as well as which browser (and version, if IE) you are using. Thanks!

Sincerely,
Andrii / Satori Studio

[CanadaOneFifty]

Andrii,

Just sent you the images via email. The issue only happens when the retina logo is rendered.
It has happened in all browsers on my Macbook Retina (Firefox, Chrome and Safari) and on both my iOS devices, Ipad+Iphone4.

Let me know if you need anything else.
TD

[CanadaOneFifty]

I was playing with the CSS and specified a “max-width” seems to have solved the problem.

TD

[satori]

Hey TD,

glad the issue has been solved! Could you please share the details – which element required the “max-width” declaration, so that I could test it further and include the fix into the next version of the theme. Thank you!

Sincerely,
Andrii / Satori Studio

[CanadaOneFifty]

I added it to “.small-logo” it needs to be proportionate to the height being 75px.

[satori]

Thank you for the hint! I’ll look if this can be automated in the theme’s code.

Sincerely,
Andrii / Satori Studio

[Author]

Posts