Retina logo distorted on mobile

Question

Retina logo is distorted at smaller browser width. How to resize the logo proportionally at smaller browser width?

SemiColonWeb · Accepted Answer

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

StanCanDesign · Answer

http://stancandesign.com Currently have a different (less wide) logo in to avoid the issue, but please reference the attached screenshots to see what was happening with wider logo. Thank you.

Semicolon Web · Answer

Hello,

To avoid this issue, please consider using the following code:

.device-sm #logo img,
.device-xs #logo img {
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
}

You can consider changing the height and margins according to your Logo Size.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.