La schermata di login non è centrata su schermi inferiori a 640px

L’accesso mobile per il mio sito è allineato a sinistra anziché centrato. Ho provato a regolare manualmente i margini, ma ciò ha influito anche sulla pagina principale.

Stavo testando nell’ispettore e ho scoperto che 640px è il limite. A 639px

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

diventa

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

Cosa posso fare per mantenere la finestra di accesso centrata su dispositivi mobili senza influire sulla visualizzazione di altre pagine?

Puoi condividere come hai fatto? E magari includere uno screenshot della vista che non funziona come previsto? Grazie!

Ecco alcuni screenshot della pagina in questione. (Ho oscurato l’interfaccia di accesso effettiva perché si tratta di un sito privato)

image

image

Non ricordo i dettagli di ciò che ho fatto per cercare di risolvere questo problema in precedenza perché è successo la settimana scorsa, ma credo di aver semplicemente aggiunto un margine sinistro a

, che è la scatola bianca che vedi sopra.

Ho anche notato che la riga <div class=”card-cloak hidden”>

appare sotto
quando la larghezza è inferiore a 640px.

image

1 Mi Piace

Penso che ci sia una regola CSS qui che limita la larghezza di #main-outlet. Sospetto che sia nel tuo tema personalizzato. Quando uso Horizon (questo si basa su Horizon, vero?), non vedo lo stesso problema.

Ahhh hai ragione!

Sto usando Horizon, scusa se non l’ho menzionato. Stavo limitando la larghezza dell’outlet principale per fare spazio e spostare la barra laterale in modo che non fosse attaccata al bordo dello schermo.

Ho annullato quelle modifiche, quindi ora la schermata di accesso occupa il 100% dello schermo come dovrebbe. La barra laterale deve toccare il bordo dello schermo ora, ma non è un problema quasi così grave.

Grazie!

1 Mi Piace