# Розділ меню

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

<figure><img src="/files/d3e01ea45daf7337d57d811afdc1c99b53878409" alt=""><figcaption></figcaption></figure>

## Як додати розділ

Щоб додати розділ на щойно створену сторінку, натисніть кнопку "+".

<figure><img src="/files/ca8d5eb3a26997e4c8aa8f7531d680f193133d3b" alt=""><figcaption></figcaption></figure>

Натисніть значок "+", і праворуч з’явиться панель. Виберіть **Меню**, а потім оберіть базовий шаблон.

Праворуч з’явиться меню налаштувань розділу.

<figure><img src="/files/b554394ec9c0ff25a99b76bc422d34e47be25e6e" alt=""><figcaption></figcaption></figure>

### Як додати та редагувати кнопки меню

За замовчуванням є п’ять кнопок: **Послуги**, **Про нас**, **Контакти**, **Кнопка**, і **Запит**. Ви також можете додати власну кнопку.

<figure><img src="/files/b03ae643c222784cdb1c4f330c0f699f12b09cd0" alt=""><figcaption></figcaption></figure>

Щоб змінити налаштування будь-якої з них, просто натисніть на неї — після цього стануть доступні налаштування кнопки.

<figure><img src="/files/3a3f9748dfc2dafcd4152260a2166e16b34d2172" alt=""><figcaption></figcaption></figure>

Щоб увімкнути кнопку, потрібно додати посилання.

<figure><img src="/files/34267e491f6245bdb3fdce3943cb48795f44d435" alt=""><figcaption></figcaption></figure>

Далі вкажіть дію, яка має виконуватися після натискання кнопки. Ви можете відкрити сторінку або в поточному вікні, або в новому.

<figure><img src="/files/81160ba532c20b3152279c30779fdb38346c5167" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/a6a316da692f9093ab4f5943e3c1ccebcd387262" alt=""><figcaption></figcaption></figure>

Виберіть колір тексту кнопки, колір фону, а також кольори тексту й фону для стану наведення.

<figure><img src="/files/9c2d93d2681e3ebe768b14ba6a859f148e2ac5f4" alt=""><figcaption></figcaption></figure>

Збережіть зміни та перевірте їх у режимі попереднього перегляду сайту.

**Як додати логотип**

Щоб додати логотип, ви можете або завантажити файл, або вставити посилання.

<figure><img src="/files/2a291166f766558744e28e5925c5d354dca5c130" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/45e6aee0f97562cf723ce1ff57337df63a5a05b0" alt=""><figcaption></figcaption></figure>

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

### Користувацькі налаштування

Щоб відкрити користувацькі налаштування, наведіть курсор на розділ і натисніть **«Налаштування»** кнопку.

<figure><img src="/files/a47235779fad5eb856c39c61b0ad3ea91ae8b889" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/5267679685e5808ce843cee451669a533ed48a80" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/5eab10b14e9b6fd33463de731bb5d76b4ce6216e" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/95976d6267e10c8502085f421e28b249474f9c97" alt=""><figcaption></figcaption></figure>

Не забудьте зберегти зміни.

Кожен блок (розділ) має однакові налаштування фону, шрифтів і відображення.

<figure><img src="/files/c08948cdc2740113509aa2ed621bf2cd94e60a52" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Дивіться статтю [«Загальні налаштування розділу»](/doc/uk/websites/saiti/blocks/settings.md) для отримання додаткової інформації.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/uk/websites/saiti/blocks/menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.