モバイル表示でロゴが潰れる？

[tiwane1]

（どのカテゴリに分類するのが最適か不明なため、General に投稿します）

最近、モバイルデバイスでロゴが少し潰れていることにユーザーが気づきました。モバイルでのロゴの表示方法に変更はありましたか？

ラップトップ（Firefox）：

モバイル（iOS Discourseアプリ、Safariでも同様）：

フォーラムURL：https://forum.inaturalist.org/

[Don]

こんにちは。

サイトを確認したところ、カスタムCSSでロゴの高さが30pxになっていることが原因のようです。

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

これを以下のように変更してください。

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

または

このコードをCommonからDesktopに移動すると、モバイルに適用されなくなり、問題が解決するようです。