Перейти до основного контенту
Елемент Меню 2.0
Dmytro avatar
Автор: Dmytro
Оновлено понад рік тому

Щоб знайти заголовок (меню), вам потрібно шукати певну категорію секцій. Саме там ви можете знайти різні його варіації.

У цій статті йдеться про оновлений елемент Меню (Header). Якщо ви використовуєте версію до 04.08.2023, будь ласка, зверніться до нас у чат за допомогою.

Як додавати та позиціонувати елементи в заголовку

Налаштування меню працює схоже до звичайних налаштувань у Onepage, проте має свої відмінності. Основним є додавання елементів і налаштування колонок.

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

Після цього кожен елемент буде розміщено у власній колонці, і ви зможете налаштувати ширину колонки та розташування елементів, перетягнувши колонки до потрібного вам розташування макета.

Ви можете виконати мікрокоригування, вибравши позицію елемента всередині колонки. Наприклад, ви можете закріпити елемент до лівого кута, залишаючи чимало місця з правого боку.

Використання елемента меню

Основним елементом вашого заголовка є "Меню", і ви можете використовувати його різними способами. Розгляньмо деякі з його основних налаштувань і можливостей:

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

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

Анімація при наведенні: Виберіть одну з восьми різних анімацій при наведенні курсора, щоб додати елегантності та інтерактивності пунктам меню.

Регульована відстань: Легко змінюйте відстань між пунктами меню, щоб забезпечити чистий і візуально привабливий макет.

Призначення сторінок: Покращений інтерфейс дозволяє легко призначати пункти меню на певні сторінки.

Багатомовна підтримка: Ви можете створити перемикач мов за допомогою елемента "Меню". Це не повна багатомовна функціональність, але все одно чудово підходить для невеликих вебсайтів.

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

Налаштування мобільного вигляду

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

Ось що можна налаштувати в мобільному поданні вашого меню:

- Увімкнення/вимкнення елементів: Тепер ви можете активувати/деактивувати логотип, кнопку або кнопку закриття безпосередньо в мобільній версії.

- Зовнішній вигляд кнопки Меню (кнопка “Бургер”): Вибирайте різні стилі, такі як "Рамка", змінюйте колір та розмір іконки.

- 4 різні макети: Виберіть один з 4 різних макетів зовнішнього вигляду меню. Контролюйте його ширину та кількість простору як всередині, так і зовні.

- Прозорість фону: Оберіть колір та рівень прозорості фону.


💡Бажаєте залишити відгук до цієї статті? Будь ласка, напишіть у наш чат або за адресою support@onepage.io, і ми зможемо її покращити. Дякуємо! 🙂

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