> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

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

### Пример 1

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

![screen-323.png](https://storage.crisp.chat/users/helpdesk/website/-/5/4/a/1/54a118db6ab96000/5ec6fef5-4edb-455c-92f0-292cfb_1vc5mdf.png)

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

![screen-321.png](https://storage.crisp.chat/users/helpdesk/website/-/f/f/5/a/ff5a15d687a60800/39ec18ee-2c54-45c7-b587-0b3705_1pw0cdk.png)

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

![screen-322.png](https://storage.crisp.chat/users/helpdesk/website/-/1/4/4/b/144bc0ffa948110/c2d64b19-76a8-45e0-a468-edc38d_170132e.png)

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

![page-32.gif](https://storage.crisp.chat/users/helpdesk/website/-/2/f/0/0/2f003beb9b15c200/66babcbe-cf95-4cb9-8e3e-85f62e_sfommo.gif)

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

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

![screen-324.png](https://storage.crisp.chat/users/helpdesk/website/-/7/5/2/d/752dc7aa76c95800/647455dd-3f2a-40e3-b448-232ece_so4lce.png)

**Пример 2**

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

![screen-325.png](https://storage.crisp.chat/users/helpdesk/website/-/a/d/b/5/adb50c0137600000/b4f6c788-5614-4cdc-a8d9-414968_i7o1dl.png)

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

![screen-326.png](https://storage.crisp.chat/users/helpdesk/website/-/f/7/4/7/f7477eaeba1b880/7e459789-4c49-4d62-bc7d-41fe1a_1irxzw7.png)