Статьи по теме: Заполнение сайта

Настройка отображения страниц на мобильном

Мобильная версия сайтов формируется автоматически исходя из наполнения сайта. В мобильной версии все виджеты всегда отображаются друг под другом в виде ленты (подряд слева направо). Поэтому, если разместить виджеты в несколько строк, то вы можете столкнуться с тем, что порядок виджетов в мобильной версии не соответствует нужному.


Пример 1


У вас добавлено подряд в одну строку два заголовка или два текстовых виджета, а затем под ними два виджета изображения, соответствующие этим заголовкам:


screen-323.png


На сайте на компьютере контент виджетов будет отображаться так же, как и в панели управления:


screen-321.png


В мобильной версии отображение контента будет таким:


screen-322.png


Чтобы текст первого виджета отображался над первым изображением, вам необходимо «склеить» первый виджет с первым изображением и аналогично сделать со вторым текстовым виджетом. Для этого нажмите на иконку перемещения на текстовом виджете и, не отпуская ее, перетяните курсор мыши на виджет Фотография. Когда на виджете Фотография появится зеленая полоса сверху, отпустите текстовый виджет.


page-32.gif


Не забудьте сохранить изменения.


В мобильной версии отображение контента будет выглядеть следующим образом:


screen-324.png


Пример 2


По умолчанию текст, который добавлен с помощью виджета Текст, выравнивается по левому краю. Зачастую это нужно на компьютерной версии, но на мобильной версии такой вариант может не всегда смотреться хорошо. Для того, чтобы центрировать контент в мобильной версии сайта, зайдите в Настройки блока и активируйте чекбокс Выровнять контент по центру.


screen-325.png


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


screen-326.png

Последнее изменение: 24/03/2026

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!