Logo squished in mobile view?

(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):

image

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

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

1 Like

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 :arrow_down_small:

.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. :slightly_smiling_face:

4 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.