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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы определенный блок со всеми элементами не отображался на сайте, перейдите к его настройкам и в поле Скрыть блок на (Hide block on) выберите, для какой версии сайта его скрыть: десктопной или мобильной.

Чтобы определенный виджет не отображался на сайте, перейдите к его настройкам и в поле Скрыть виджет на (Hide widget on) выберите, для какой версии сайта его скрыть: десктопной или мобильной.

Обновлено: 18.10.2024