Header image squashed/distorted

[MUNDOMOO]

Hey all! I’ve recently gotten the OUTSIDERS theme and my header image is squashed in mobile. When on my computer and I resize my browser window to snap it into mobile size, the logo progressively gets more and more squashed, does that make sense?

I’ve searched for a few things and can’t seem to figure out why. I’ve followed best pratice and made the logo 512 x 512, tried a few different files and added some code that I found online, but still not sure whats up.

If anyone can shine a light on the issue, that would be amazing. Thanks

Website is: www.mundomoo.com

[tim_tairli]

Go to Customize and paste this code into “Custom CSS” setting of the Header section.

.header__heading-logo {
  height: auto;
}

[MUNDOMOO]

Tim, you’re the best, worked like a charm!