Як сайт виглядає на телефоні і як влаштовано мобільне меню

← Назад

На екрані до 768 пікселів в шапці залишаються логотип і привітання, інші пункти ховаються під кнопку-«бутерброд» і розкриваються списком.

На вузькому екрані — до 768 пікселів — верхнє меню перебудовується саме, налаштовувати нічого не потрібно:

  • у шапці залишаються тільки логотип і привітання, праворуч — кнопка-«бутерброд»;
  • після натискання решта пунктів розкриваються списком під шапкою: рядок на всю ширину, напис по центру, тонкі лінії між рядками;
  • повторне натискання або клік поза списком закриває його;
  • довге привітання, яке не вміщується поруч із логотипом, переходить на другий рядок повністю, кнопка залишається праворуч від логотипа.

Які пункти залишаються в шапці, не налаштовується: тільки логотип і привітання. Усе інше верхнього меню — всередині списку.

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

Як перевірити. Відкрийте сайт на телефоні або звузьте вікно браузера. Кнопка перемикання режиму адміністратора на телефоні стоїть кружечком поруч із «бутербродом».

Якщо не вийшло

  • На телефоні сайт дрібний, як на комп'ютері. Оновіть сторінку з очищенням кешу: телефон міг зберегти стару версію сторінки.
  • Сторінка прокручується вбік. Заважає широкий елемент у тексті — таблиця або блок із заданою шириною в пікселях. Зменште ширину або задайте її у відсотках.
  • Потрібна кнопка сховалася в «бутерброд». Наприклад, «Встановити додаток». Поставте її в підвал або секцією на сторінку.
Стаття допомогла?

Дивіться також

Як поставити логотип і фавіконкуОбидві картинки завантажуються в налаштуваннях інформера «Логотип» — полями «Логотип» і «Фав-іконка».Як оформити блок: рамка, фон, відступи, тіньНаведіть на блок і натисніть шестерню — відкриється вікно стилів із вкладками «Межа», «Блок», «Текст», «Посилання», «Анімація», «Позиціонування».Як додати лічильник або чужий віджет на всі сторінкиВкладка «Про сайт» у загальних налаштуваннях, поле «HTML-код віджетів» — код вставляється на кожну сторінку сайту.Що таке інформери в менюЦе маленькі віджети, які стоять у меню нарівні з пунктами: логотип, кошик, пошук, перемикач мови, чат та інші.

Підказки для роботи з конструктором

Розділ «Довідка» створено для тих, хто вперше збирає сайт на «Першій лінії». Тут зібрано відповіді на часті питання: як створити сайт, що писати в полях, як редагувати тексти й фотографії, як підключити власний домен і налаштувати розділи. Матеріали допоможуть розібратися без звернення до підтримки.

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

У довідці ви знайдете відповіді на питання:

  • як придумати адресу сайту і що робити, якщо ім'я зайняте;
  • як змінити назву, опис та інші тексти на сторінці;
  • як додати товари, послуги або форми заявок;
  • як підключити свій домен замість адреси на firstline.com.ua;
  • як налаштувати розділи й модулі під завдання вашої справи.

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