Экран входа не отцентрован на экранах меньше 640px

Поддержка
1

Мобильный вход на моем сайте выровнен по левому краю вместо центрирования. Я пытался вручную настроить отступы, но это повлияло и на главную страницу.

Я тестировал это в инспекторе и обнаружил, что граница составляет 640 пикселей. При 639 пикселях

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

превращается в

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

Что я могу сделать, чтобы окно входа оставалось по центру на мобильных устройствах, не влияя на отображение других страниц?

2

Можете рассказать, как вы это сделали? И, возможно, приложить скриншот вида, который работает не так, как ожидалось? Спасибо!

3

Вот несколько скриншотов обсуждаемой страницы. (Я скрыл реальный интерфейс входа, так как это частный сайт)

image
image3834×1845 464 KB

image
image3834×1874 475 KB

Я не помню точно, что именно я делал, чтобы попытаться исправить это раньше, так как это было на прошлой неделе, но, насколько я помню, я просто добавил левый отступ к

, который представляет собой белый блок, показанный выше.

Также я заметил, что строка

появляется под
, когда ширина меньше 640 пикселей.

image
image1496×1741 289 KB

4

Кажется, здесь есть правило CSS, ограничивающее ширину #main-outlet. Я подозреваю, что оно находится в вашей пользовательской теме. Когда я использую Horizon (это же основано на Horizon, верно?), я не наблюдаю той же проблемы.

5

Ах, вы правы!

Я использую Horizon, извините, что забыл упомянуть об этом. Я ограничивал ширину основного контейнера, чтобы сдвинуть боковую панель и не дать ей прижиматься к краю экрана.

Я откатил эти изменения, и теперь экран входа занимает 100% экрана, как и положено. Теперь боковая панель должна касаться края экрана, но это не такая уж большая проблема.

Спасибо!