Anmeldebildschirm nicht zentriert auf Bildschirmen kleiner als 640px

Unterstützung
1

Die mobile Anmeldung für meine Website ist linksbündig statt zentriert. Ich habe versucht, die Ränder manuell anzupassen, aber das hat auch die Hauptseite beeinträchtigt.

Ich habe es im Inspektor getestet und festgestellt, dass 640px der Grenzwert ist. Bei 639px

<html> lang="en" class="text-size-normal anon touch discourse-touch desktop-view not-mobile-device" style="--powered-by-height: 0px;"> == $0

wird zu

<html> lang="en" class="text-size-normal anon touch discourse-touch mobile-view mobile-device" style="--powered-by-height: 0px;"> == $0

Was kann ich tun, um das Anmeldefenster auf Mobilgeräten zentriert zu halten, ohne die Anzeige anderer Seiten zu beeinträchtigen?

2

Können Sie teilen, wie Sie das gemacht haben? Und vielleicht einen Screenshot der Ansicht einfügen, die nicht wie erwartet funktioniert? Danke!

3

Hier sind einige Screenshots der betreffenden Seite. (Ich habe die tatsächliche Anmeldeoberfläche geschwärzt, da es sich um eine private Website handelt)

image
image

Ich erinnere mich nicht mehr genau, was ich letzte Woche getan habe, um dies zu beheben, aber ich glaube, ich habe dem <div id=”main-outlet”>, der weißen Box, die Sie oben sehen, einen linken Rand hinzugefügt.

Mir ist auch aufgefallen, dass die Zeile <div class=”card-cloak hidden”></div> unter <div id=”main-outlet”> erscheint, wenn die Breite kleiner als 640 Pixel ist.

image

1 „Gefällt mir“
4

Ich glaube, hier gibt es eine CSS-Regel, die die Breite von #main-outlet einschränkt. Ich vermute, sie befindet sich in Ihrem benutzerdefinierten Theme. Wenn ich Horizon verwende (dies basiert auf Horizon, ja?), sehe ich nicht dasselbe Problem.

5

Ahhh, da haben Sie Recht!

Ich benutze Horizon, Entschuldigung, ich habe vergessen, das zu erwähnen. Ich habe die Breite des Hauptauslasses begrenzt, um Platz zu schaffen, damit ich die Seitenleiste verschieben kann, damit sie nicht am Bildschirmrand klebt.

Ich habe diese Änderungen rückgängig gemacht, sodass nun der Anmeldebildschirm 100 % des Bildschirms einnimmt, wie es sein soll. Die Seitenleiste muss nun den Bildschirmrand berühren, aber das ist bei weitem kein so großes Problem mehr.

Danke!

1 „Gefällt mir“