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


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

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

1 Like


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;


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:


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