Logo Picture looks squished on mobile

My website logo seems too tall on mobile devices. I’ve gone through all 7 pages of forum questions on this and tried all the CSS code I could find and nothing has worked to fix this issue. Please see the three attached images - one is my phone with the logo squished, one is my husbands phone with the logo squished, and one is how it looks on desktop (which is perfect).

Hi @fateunbound,

I hope you are well today and thank you for your question.

I visited your site but saw you didn’t set the logo yet so could you please set it so that i can troubleshoot the issue?

Best Regards,

I have set the logo. Sorry, I just saw this response and didn’t receive a notification that it came in. I didn’t want to set the logo since we have active users all the time and most are on mobile and a logo not looking correct looks very unprofessional.

You can resolve it by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

.site-header .custom-logo-link img.custom-logo {
    max-width: 100%;
    height: auto;

It works perfectly, thank you!!!

You are most welcome here :slight_smile: