> For the complete documentation index, see [llms.txt](https://ajuda.temaflex.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.temaflex.com.br/personalizar-layout/cabecalho/menu-principal.md).

# 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;