Logo in Header getting stretched

Hi,

I’ve read several different forums. And tried all the custom CSS I could find. But my logo image continues to get stretched out across the width that i’ve applied instead having the logo image proportionally filling the width according to the png file size. The logo size is 340×156. I went into the Header and changed the custom header size height to 156 px. I added this code to my Additional CSS:
.logo img {
height: 156px ;
width: 340px;
}
And the image is still getting stretched out.

When I go to inspect the image it has a 150×150 size. But I have checked AdobeIllustrator and my canvas size is 340×156. Why is the image getting converted to the thumbnail size after upload?

What should I try next?

• This topic was modified 5 years ago by cocoABC. Reason: providing more information to the problem