# Seção de menu

Você pode usar esta seção para configurar um sistema de navegação conveniente para se mover pela página e alternar entre páginas, além de posicionar seu logotipo. Você também pode fixar o menu para que ele permaneça sempre no topo da tela durante a rolagem.

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

## Como adicionar uma seção

Para adicionar uma seção a uma página recém-criada, clique no botão "+".

<figure><img src="/files/52108437112e2609043cc3d2e84f314e4015796e" alt=""><figcaption></figcaption></figure>

Clique no ícone "+" e um painel aparecerá à direita. Selecione **Menu**, depois escolha o modelo básico.

Um menu de configurações da seção aparecerá à direita.

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

### Como adicionar e editar botões do menu

Há cinco botões por padrão: **Serviços**, **Sobre nós**, **Contatos**, **Botão**, e **Solicitação**. Você também pode adicionar seu próprio botão.

<figure><img src="/files/7e19eaa3a2cb829fcc66b87861c0bc2a67d89695" alt=""><figcaption></figcaption></figure>

Para alterar as configurações de qualquer um deles, basta clicar nele — então as configurações do botão ficarão disponíveis.

<figure><img src="/files/181f9e8728cc68ea015ab9b2118782f459a8bec0" alt=""><figcaption></figcaption></figure>

Para ativar um botão, você precisa adicionar um link.

<figure><img src="/files/91c575800f8689c60cdfbd7aa90746927c5cad5b" alt=""><figcaption></figcaption></figure>

Em seguida, especifique a ação a ser executada quando o botão for clicado. Você pode abrir a página na janela atual ou em uma nova.

<figure><img src="/files/8818beb7294fa2913185eaa03028dc2bc254357d" alt=""><figcaption></figcaption></figure>

Defina o preenchimento interno e o tamanho dos botões. Por padrão, o preenchimento esquerdo é 100, mas você pode ajustá-lo conforme necessário.

<figure><img src="/files/47fe751b4c06ac6344e89a8bc45b520f7f7e500b" alt=""><figcaption></figcaption></figure>

Escolha a cor do texto do botão, a cor de fundo e as cores do texto e do fundo para o estado de hover.

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

Salve suas alterações e confira-as no modo de pré-visualização do site.

**Como adicionar um logotipo**

Para adicionar seu logotipo, você pode fazer upload de um arquivo ou inserir um link.

<figure><img src="/files/51f95e2aa5fc99fc5f2dfc9b160da6df977655af" alt=""><figcaption></figcaption></figure>

Por padrão, o logotipo é posicionado no lado esquerdo da seção. Você pode adicionar um link à imagem para que, ao passar o mouse sobre o logotipo, ocorra um redirecionamento. Você também pode escolher onde o link será aberto — em uma nova aba, uma nova janela ou na página atual.

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

Para fazer alterações no logotipo, primeiro salve e feche as configurações de conteúdo e, em seguida, vá para as configurações personalizadas de conteúdo, plano de fundo e exibição.

### Configurações personalizadas

Para acessar as configurações personalizadas, passe o mouse sobre a seção e clique em **"Configurações"** .

<figure><img src="/files/83c0248c6de9c874653acb395649af6e83330b2d" alt=""><figcaption></figcaption></figure>

Você pode editar o estilo do menu, a cor de fundo e os ícones no menu mobile, além de ajustar o raio da borda, o espaçamento entre ícones, a altura e a largura do logotipo e seu posicionamento.

<figure><img src="/files/1260bc9affa12ec50e823c871b517bac4c152a80" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/3495f19173a310ed763e5d7781d77a37a6ee0068" alt=""><figcaption></figcaption></figure>

Ajuste o tamanho do logotipo para garantir que ele pareça equilibrado e harmonioso.

<figure><img src="/files/54c20a36399758142baccf606f0d5bfc6e1f3e87" alt=""><figcaption></figcaption></figure>

Lembre-se de salvar suas alterações.

Cada bloco (seção) tem configurações idênticas de plano de fundo, fontes e exibição.

<figure><img src="/files/01e71ac2466c5476a1db17964c033399078add4d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Veja o artigo [“Configurações globais da seção”](/doc/pt/websites/sites/blocks/settings.md) para mais detalhes.
{% 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/pt/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.