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

В выпадающем меню выберите нужный размер экрана. Если нужно проверить отображение на конкретном устройстве, выберите его или наиболее близкий вариант в разделе «Устройства».

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

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

Чтобы скрыть интерфейс редактора, нажмите значок со стрелками в левом нижнем углу или рядом с пунктом «Редактирование».

Чтобы изменить масштаб в предпросмотре, нажмите значок «100%» и выберите нужное значение в выпадающем меню.

Нажмите значок карандаша, чтобы вернуться в редактор и внести изменения в блоки.

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

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

В блоках с обложкой настройки для мобильной версии могут быть отмечены значком телефона.

Изменение размера шрифта и межстрочного расстояния для мобильных устройств. В настройках блока откройте раздел «Типографика», нажмите значок компьютера и в поле со значком мобильного устройства укажите размер шрифта для мобильной версии.

Межстрочный интервал настраивается таким же способом.

Изменение радиуса скругления углов изображения и внешнего отступа обложек для мобильных устройств. Задать отдельное значение радиуса скругления углов или внешнего отступа для мобильных устройств можно в блоках из категорий «Обложка» и «Изображение».

Чтобы изменить радиус или отступ, нажмите «Настройки» и найдите нужное поле. Затем нажмите значок компьютера рядом с полем и укажите значение для мобильной версии.

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

Чтобы задать автоматическое позиционирование, выберите подходящее значение в выпадающем меню. Например, «Центр Центр».

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

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

Позиционирование помогает настроить отображение фонового изображения для мобильной версии: так одна и та же картинка будет корректно отображаться на разных экранах.

В любом блоке откройте настройки, нажмите значок рядом с полями «Отступ сверху» или «Отступ снизу» и задайте значение для мобильного устройства.

Если нужно, чтобы на смартфонах и компьютерах отображались разные блоки, настройте диапазон видимости.

Откройте настройки блока и прокрутите панель до пункта «Диапазон видимости на устройствах». Укажите, на каких устройствах должен отображаться блок. Затем сохраните настройки и заново опубликуйте страницу.

Адаптивность блока для разных устройств можно настроить, сконвертировав его в Zero Block с помощью опции в настройках блока. Сейчас эта опция доступна в большинстве блоков.

После конвертации вы сможете вручную настроить вид блока на пяти диапазонах ширины экрана или добавить свои диапазоны. Подробнее о настройке адаптивности в Zero Block читайте в статьях «Zero Block. Начало работы» и «Zero Block. Отзывчивый дизайн».

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

Чтобы отключить адаптивную версию, перейдите в «Настройки страницы» → «Дополнительно», поставьте галочку «Отключить адаптивность для мобильных устройств» и переопубликуйте страницу.