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

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

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

Налаштування елементів

Для мобільної версії ефективніше використовувати інші розміри елементів та робити інше вирівнювання, щоб інформація на екрані телефону візуально виглядала більш гармонійною.

За замовчуванням дизайн сторінки адаптивний: всі налаштування стилю, які ви додали до десктопної версії сайту, синхронізуються та підлаштовуються під розміри мобільної версії.

У панелі налаштування елементу перейдіть у мобільну версію для редагування та вимкніть синхронізацію версій.

Стилі застосовуються до пристроїв з роздільною здатністю екрану нижче 481px.

Залежно від елементу ви можете відредагувати різні параметри: вирівнювання (зліва, справа чи по центру), висота, відступи, заокруглення, колір фону та фонове зображення.

Налаштування шрифтів

Щоб змінити шрифти для мобільної версії, перейдіть в стилі сайту та навпроти шрифтів натисніть Налаштувати.

Натисніть на значок піктограми, щоб відключити синхронізацію, та налаштуйте шрифти.

Ви можете налаштувати стилі заголовків, основного тексту та тексту для кнопок.

Приховання блоків

Ви можете приховати блок для показу на мобільній версії, щоб оптимізувати відображення контенту, пришвидшити завантаження та поліпшити взаємодію на маленьких екранах.

Наведіть на правий верхній кут блоку та натисніть Налаштування блоку (Block settings).

У полі Приховати блок на (Hide blok on) оберіть іконку для якої версії приховати блок: десктопної чи мобільної.

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

    Оцініть, наскільки стаття була корисною "Як налаштувати мобільну версію сайту"

    Оцінка: 4 / 5

    Назад

    Як налаштувати стиль сторінки

    Далі

    Як налаштувати зовнішній вигляд елементів

    Популярне в нашому блозі

    Почніть користуватися сервісом SendPulse прямо сьогодні