Logo esmagado na visualização móvel?

[tiwane1]

(Não tenho certeza em qual categoria isso se encaixa melhor, então estou colocando em #geral)

Nossos usuários notaram recentemente que em dispositivos móveis, nosso logotipo está ligeiramente achatado. Houve alguma alteração na forma como os logotipos são exibidos em dispositivos móveis?

Laptop (Firefox):

Celular (aplicativo Discourse para iOS, também o mesmo no Safari):

URL do Fórum: https://forum.inaturalist.org/

[Don]

Olá,

Acabei de verificar seu site e parece que o logotipo tem uma altura de 30px em um CSS personalizado, o que está causando isso.

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

Mude para

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

OU

Mover este trecho de código de Comum para Desktop para que ele não seja aplicado ao Mobile parece resolver este problema.