Мобильная версия сайтов формируется автоматически исходя из наполнения сайта. В мобильной версии все виджеты всегда отображаются друг под другом в виде ленты (подряд слева направо). Поэтому, если разместить виджеты в несколько строк, то вы можете столкнуться с тем, что порядок виджетов в мобильной версии не соответствует нужному.
Пример 1
У вас добавлено подряд в одну строку два заголовка или два текстовых виджета, а затем под ними два виджета изображения, соответствующие этим заголовкам:
На сайте на компьютере контент виджетов будет отображаться так же, как и в панели управления:
В мобильной версии отображение контента будет таким:
Чтобы текст первого виджета отображался над первым изображением, вам необходимо «склеить» первый виджет с первым изображением и аналогично сделать со вторым текстовым виджетом. Для этого нажмите на иконку перемещения на текстовом виджете и, не отпуская ее, перетяните курсор мыши на виджет Фотография. Когда на виджете Фотография появится зеленая полоса сверху, отпустите текстовый виджет.
Не забудьте сохранить изменения.
В мобильной версии отображение контента будет выглядеть следующим образом:
Пример 2
По умолчанию текст, который добавлен с помощью виджета Текст, выравнивается по левому краю. Зачастую это нужно на компьютерной версии, но на мобильной версии такой вариант может не всегда смотреться хорошо. Для того, чтобы центрировать контент в мобильной версии сайта, зайдите в Настройки блока и активируйте чекбокс Выровнять контент по центру.
В этом случае, не зависимо от настроек на компьютерной версии, текст будет отображаться с выключкой по центру.