Logo squished in mobile view?

[tiwane1]

(Not sure which category this fits into best, so am putting it in #general)

Our users recently noticed that on mobile devices, our logo is slightly squished. Has there been a change to how logos are dispalyed on mobile?

Laptop (Firefox):

Mobile (iOS Discourse app, also the same in Safari):

Forum URL: https://forum.inaturalist.org/

[Don]

Hello,

I just checked your site and it seems to the logo has a 30px height in a custom css which cause this.

.d-header #site-logo { 
  height: 30px;
}

Change it to

.d-header #site-logo { 
  max-height: 30px;
}

OR

Move this piece of code from Common to Desktop so it won’t be applied to Mobile seems to fix this issue.