Как настроить мобильную версию сайта

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

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

Настройка элементов

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

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

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

Стили применяются к устройствам с разрешением экрана ниже 481px.

В зависимости от элемента можно отредактировать различные параметры: выравнивание (слева, справа или по центру), высота, отступы, округление, цвет фона и фоновое изображение.

Настройка шрифтов

Чтобы изменить шрифты для мобильной версии, перейдите в стиле сайта и нажмите Настроить (Customize) напротив шрифтов.

Чтобы отключить синхронизацию, нажмите значок значка и настройте шрифты.

Можно настроить стили заголовков, основного текста, цитат и подписей, а также текста для кнопок.

Скрытие блоков

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

Наведите правый верхний угол блока и нажмите Настройка блока (Block settings).

В поле Скрыть блок на (Hide blok on) выберите иконку для какой версии скрыть блок: десктопной или мобильной.

Для лучшего понимания, какой результат вы получите, можно просматривать внесенные изменения и сравнивать их с десктопной версией с помощью переключателя в левой стороне конструктора.

Обновлено: 05.03.2024