La connexion mobile de mon site est alignée à gauche au lieu d’être centrée. J’ai essayé d’ajuster manuellement les marges, mais cela a également affecté la page principale.
Je l’ai testé dans l’inspecteur et j’ai constaté que 640px est le point de rupture. À 639px
Voici quelques captures d’écran de la page en question. (J’ai masqué l’interface de connexion réelle car il s’agit d’un site privé)
Je ne me souviens pas des détails de ce que j’ai fait pour essayer de résoudre ce problème auparavant car c’était la semaine dernière, mais je crois que j’ai juste ajouté une marge gauche à <div id="main-outlet"> qui est la boîte blanche que vous voyez ci-dessus.
J’ai également remarqué que la ligne <div class="card-cloak hidden"></div> apparaît sous <div id="main-outlet"> lorsque la largeur est inférieure à 640px.
Je pense qu’il y a une règle CSS ici qui limite la largeur de #main-outlet. Je soupçonne que cela vient de votre thème personnalisé. Lorsque j’utilise Horizon (ceci est basé sur Horizon, n’est-ce pas ?), je ne vois pas le même problème.
J’utilise Horizon, désolé d’avoir oublié de le mentionner. Je limitais la largeur de la sortie principale pour faire de la place et décaler la barre latérale afin qu’elle n’épouse pas le bord de l’écran.
J’ai annulé ces modifications, donc maintenant l’écran de connexion occupe 100 % de l’écran comme il est censé le faire. La barre latérale doit maintenant toucher le bord de l’écran, mais ce n’est pas un problème aussi grave.
