# Menu principal

{% embed url="<https://www.youtube.com/watch?index=12&list=PLjqZTg-KCmj8PNgm5YdN3Zk02OZeblrQU&v=-53LqyT2lys>" %}

1. Acesse o painel Nuvemshop e siga pelo caminho **"Loja Online > Layout > Editar layout"**.
2. No menu lateral, clique em **"Cabeçalho > Menu principal".**

<figure><img src="/files/1RBkn81NhUr1buLzurv4" alt=""><figcaption></figcaption></figure>

\- **Escolher o menu principal:** você deve selecionar um menu previamente cadastrado nas [Barras de navegação](/minha-nuvemshop/barras-de-navegacao.md).

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

<figure><img src="/files/L3IqDdErCOFqA1VB10pY" alt=""><figcaption><p>O Menu principal abrange a área selecionada em vermelho. Obs.: pode variar conforme estilo de cabeçalho selecionado.</p></figcaption></figure>

**- Cores:** para utilizar cores específicas neste módulo, marque a opção **"Usar estas cores".** Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as **cores da sua marca.**

<figure><img src="/files/4i73YHgLvLaNsQinHtKq" alt=""><figcaption></figcaption></figure>

Você pode configurar a **Cor de fundo, Cor dos textos** e **Cor ao passar o mouse.**

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

{% hint style="info" %}
As selecionar o campo **"Cor ao passar o mouse"**, você terá a flexibilidade de minimizar problemas de contraste de cor, selecionando uma cor específica.
{% endhint %}

**- Exibição do menu principal:** você poderá optar entre **Centralizado** ou **Alinhado ao conteúdo**.

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

**- Design do submenu:** você poderá optar entre Cascata (menu aberto em cascata) ou Largura total (menu em largura total).&#x20;

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

#### - Link em destaque: Você pode escolher um link para a página, categoria e ou produto que deseja destacar

<figure><img src="/files/0pXGCIZxrtI1TA4tt4ZK" alt=""><figcaption><p>EXP: OUTLET COM FUNDO EM VERMELHO</p></figcaption></figure>

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

No campo de link, insira a URL que deseja destacar. Em seguida, escolha cores contrastantes para dar mais destaque ao botão no menu.

{% hint style="warning" %}
O link destacado funciona apenas para desktop.
{% endhint %}

Por último, clique em **"Publicar Alterações"** para finalizar.

<figure><img src="https://lh5.googleusercontent.com/dPJAQCU7yUHoNKDqu3THQ0C8Wr8ZHcEtoWPbLkyALJgYpO2jkGxQSDvE4vndymASO5qqg49GbMAQUhMJlNW6Yw1S1DLSk1lLmY-WX5FIdmYU6ACDUyjQbVzZ8rMQ-SR0u_XieD2nPbKSLyow_BULUs31VHyNQMxxGxQDoByJ0s6GKFEY6TkwVtmQ-niDjQ" alt=""><figcaption></figcaption></figure>

**Pronto! 🙌**&#x20;


---

# 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://ajuda.temaflex.com.br/personalizar-layout/cabecalho/menu-principal.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.