Мобільна версія сайту

Оновлено 09.11.2026 2 хв читання

Сайт сам підлаштовується під телефон: колонки стають одна під одною, меню згортається в кнопку з трьома лініями, фото зменшуються. Окремо верстати мобільну версію не потрібно, але деякі речі варто перевірити й підправити.

Як подивитися сторінку на телефоні

У верхній панелі редактора натисніть значок телефона — сторінка звузиться до ширини екрана смартфона. Щоб повернутися, натисніть значок комп'ютера.

Перемикач «Комп'ютер / Телефон» і сторінка в режимі телефона

Обов'язково перегляньте опублікований сайт і на справжньому телефоні: відкрийте посилання або відскануйте QR-код із вікна «Поділитися» в налаштуваннях сайту.

Що можна змінити лише для телефона

У режимі телефона деякі налаштування блоків змінюються тільки для мобільної версії:

розмір шрифту;
вирівнювання;
відступи — усередині блока й між блоками;
точна ширина фото;
розмір логотипа в меню;
висота простору в блоці «Розділювач»;
відстань між пунктами меню чи картками.

Панель налаштувань нагадує про це вгорі: «Змінені тут налаштування діють лише на телефоні». Біля назви поля, зміненого для телефона, з'являється значок телефона, а праворуч — кругла стрілка «Скинути до десктопного значення».

Розмір заголовка, змінений лише для телефона: значок телефона біля назви поля й кругла стрілка праворуч

Кольори, шрифти, скруглення, тіні, макет блока й вміст вкладки «Контент» спільні для комп'ютера й телефона. Спільні поля вкладки «Налаштування» в режимі телефона позначені значком комп'ютера з телефоном — «Діє на всіх пристроях — зміниться й на компʼютері».

Мобільні налаштування діють на екранах до 480 пікселів завширшки, тобто на телефонах. Планшет показує версію для комп'ютера, але колонки на вузькому екрані так само перебудовуються.

Як сховати блок на телефоні

Якщо блок зайвий на маленькому екрані, перейдіть у режим телефона, клікніть по блоку й угорі панелі «Налаштування» увімкніть «Сховати блок на мобільному». У редакторі такий блок стане напівпрозорим, а на телефоні відвідувачі його не побачать.

Перемикач «Сховати блок на мобільному»

Google оцінює сайт за мобільною версією. Не ховайте на телефоні важливий текст — для пошуку його ніби не буде.

Порядок фото й тексту

У блоках, де фото стоїть поруч із текстом (банер у дві колонки, «Зображення + текст»), на телефоні фото й текст стають одне під одним. Що буде зверху, оберіть у налаштуваннях блока: «Порядок на мобільному».

Що перевірити на телефоні

Заголовки читаються зручно. Великі заголовки на телефоні меншають самі, щоб уміститися в ширину екрана, а слово, що не вміщається в рядок, переноситься посередині. Якщо так розірвалося важливе слово, зменшіть розмір заголовка для телефона.
На фото банера видно головне. Якщо обличчя обрізаються, у налаштуваннях банера на вкладці «Контент» перетягніть точку фокусу на фото.
Кнопки й пункти меню зручно натискати пальцем.
Форма заявки працює: надішліть тестову заявку з телефона.