# Menu section

You can use this section to configure a convenient navigation system for moving around the page and switching between pages, as well as to place your logo. You can also fix the menu so it always stays at the top of the screen when scrolling.

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

## How to add a section

To add a section to a newly created page, click the "+" button.

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

Click the "+" icon, and a panel will appear on the right. Select **Menu**, then choose the basic template.

A section settings menu will appear on the right.

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

### How to add and edit menu buttons

There are five buttons by default: **Services**, **About us**, **Contacts**, **Button**, and **Request**. You can also add your own button.

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

To change the settings for any of them, simply click it — the button settings will then become available.

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

To enable a button, you need to add a link.

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

Next, specify the action to be performed when the button is clicked. You can open the page either in the current window or in a new one.

<figure><img src="/files/85ihhUyC15tk8Cr42ovy" alt=""><figcaption></figcaption></figure>

Set the padding and size for the buttons. By default, the left padding is 100, but you can adjust it as needed.

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

Choose the button text color, background color, and the text and background colors for the hover state.

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

Save your changes and check them in the website preview mode.

**How to add a logo**

To add your logo, you can either upload a file or insert a link.

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

By default, the logo is positioned on the left side of the section. You can add a link to the image so that hovering over the logo triggers a redirect. You can also choose where the link will open — in a new tab, a new window, or on the current page.

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

To make changes to the logo, first save and close the content settings, then go to the custom settings for content, background, and display.

### Custom settings

To access the custom settings, hover over the section and click the **"Settings"** button.

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

You can edit the menu style, background color, and icons in the mobile menu, as well as adjust the border radius, spacing between icons, logo height and width, and its positioning.

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

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

Adjust the logo size to ensure it looks balanced and harmonious.

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

Remember to save your changes.

Each block (section) has identical settings for background, fonts, and display.

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

{% hint style="info" %}
See the article [“Global section settings”](/websites/sites/blocks/settings.md) for more details.
{% 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/websites/sites/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.