Logo in der mobilen Ansicht gequetscht?

[tiwane1]

(Bin mir nicht sicher, in welche Kategorie das am besten passt, daher stelle ich es unter General ein)

Unsere Nutzer haben kürzlich bemerkt, dass unser Logo auf Mobilgeräten leicht gequetscht ist. Gab es eine Änderung, wie Logos auf Mobilgeräten angezeigt werden?

Laptop (Firefox):

Mobilgerät (iOS Discourse App, auch im Safari gleich):

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

[Don]

Hallo,

Ich habe gerade Ihre Website überprüft und es scheint, dass das Logo in einem benutzerdefinierten CSS eine Höhe von 30 Pixeln hat, was dies verursacht.

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

Ändern Sie es zu

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

ODER

Verschieben Sie diesen Codeausschnitt von Common nach Desktop, damit er nicht auf Mobilgeräte angewendet wird. Dies scheint das Problem zu beheben.