Перейти до основного контенту
Усі колекціїКонструктор сайтівДизайн
Конструктор сайтів: як редагувати мобільну версію сайту
Конструктор сайтів: як редагувати мобільну версію сайту

Конструктор сайтів Hostinger дозволяє окремо редагувати мобільну та настільну версії, щоб Ваш сайт виглядав якнайкраще

Оновлено понад рік тому

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

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

Редагування мобільної версії

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

Changing the menu position in Hostinger Website Builder

Переміщення елементів

Щоб змінити розташування елементів, увімкніть мобільну версію сайту та перетягніть елементи:

Sorting elements in Hostinger Website Builder

Зміна розміру елементів

Аби змінити розмір елементів, увімкніть мобільну версію сайту та скористайтеся маркерами зміни розміру на межах елемента:

Resizing elements in Hostinger Website Builder

Зміна розміру тексту

Ви можете змінити розмір тексту двома способами:

  • Глобально – впливає на всі тексти певного стилю (наприклад, всі заголовки 1)

  • Локально – впливає на певний текстовий елемент

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

Changing text size globally in Hostinger Website Builder

Аби змінити розмір тексту локально, відкрийте мобільну версію сайту, натисніть на певний текстовий елемент і змініть розмір шрифту:

Changing text size locally in Hostinger Website Builder

Ви можете встановити різні параметри на комп’ютері та мобільному пристрої:

  • Розмір шрифту. Напр., для комп’ютера: 20 PX, для мобільного: 18 PX

  • Вирівнювання тексту. Напр., для комп’ютера: ліворуч, для мобільного: по центру

  • Висота рядка. Напр., для комп’ютера: 2, для мобільного: 1,5

Будь-які внесені зміни, як-от тип шрифту (напівжирний, курсив, підкреслення), відображатимуться як у комп'ютерній, так і мобільній версії. Так само зі стилями тексту. Наприклад, якщо Ви встановили заголовок 2 у мобільній версії та заголовок 1 у десктопній, стиль текстового елемента в комп'ютерній версії автоматично зміниться на заголовок 2.

Ви можете дублювати елемент або розділ і по-різному налаштувати їх для мобільної та десктопної версій. Однак деякі параметри (наприклад, стиль тексту) застосовуються для обох версій. Детальніше: Як приховати елементи та розділи

Зміна розташування меню

Щоб змінити розташування меню, увімкніть мобільну версію, натисніть на розділ заголовка та відкрийте його налаштування:

Opening the header settings in Hostinger Website Builder

У вкладці "Розмітка" ("Layout") налаштуйте розташування меню:

Changing the website's logo position in Hostinger Website Builder

Якщо Ви не бачите розділ заголовка, ймовірно, всі сторінки Вашого сайту приховано в навігаційному меню 💡

Зміна розташування логотипа

Щоб змінити розташування логотипа, активуйте мобільну версію сайту, натисніть на розділ заголовка та виберіть "Змінити логотип" ("Change logo"):

Opening the logo settings in Hostinger Website Builder

У вкладці "Логотип" ("Logo") змініть розташування логотипа:

Changing the website's menu position in Hostinger Website Builder

Якщо Ви не бачите розділ заголовка, ймовірно, всі сторінки Вашого сайту приховано в навігаційному меню 💡

Ви отримали відповідь на своє запитання?