O login móvel do meu site está alinhado à esquerda em vez de centralizado. Tentei ajustar manualmente as margens, mas isso também afetou a página principal.
Estava testando no inspetor e descobri que 640px é o ponto de corte. Em 639px
Aqui estão algumas capturas de tela da página em questão. (Eu ocultei a interface de login real porque é um site privado)
Não me lembro dos detalhes do que fiz para tentar consertar isso antes, porque foi na semana passada, mas acredito que apenas adicionei uma margem esquerda a <div id=”main-outlet”>, que é a caixa branca que você vê acima.
Também notei que a linha <div class=”card-cloak hidden”></div> aparece abaixo de <div id=”main-outlet”> quando a largura é inferior a 640px.
Acho que há uma regra CSS aqui que limita a largura de #main-outlet. Suspeito que esteja no seu tema personalizado. Quando uso o Horizon (este é baseado no Horizon, certo?), não vejo o mesmo problema.
Estou usando Horizon, desculpe por não ter mencionado isso. Eu estava limitando a largura da saída principal para abrir espaço e empurrar a barra lateral para que ela não ficasse colada na borda da tela.
Reverti essas alterações, então agora a tela de login ocupa 100% da tela como deveria. A barra lateral agora tem que tocar a borda da tela, mas isso não é um problema tão ruim.
