> 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F1tQed4qcebuhn8rwAGG8%2Fimage.png?alt=media&amp;token=bf04aaa7-023b-416e-bdcd-a98ce8c6d212" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FcaBwcji90ynmRe8Qyxqb%2Fimage.png?alt=media&amp;token=96ed2edf-5c92-4731-8a3d-bc939a4d50fd" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FJDTwvhgqVE7H3P3kN1NP%2Fmenu-principal.png?alt=media&amp;token=8cc09874-2bc7-4ff7-aeca-168bb73f8a5b" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FrvOiFag5N5TuHblVpw6h%2Fimage.png?alt=media&amp;token=e05b3dfb-7e1d-460c-9e4a-a6d22684a152" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F2Q4qY3der2Qc4KcMX60C%2Fimage.png?alt=media&amp;token=5b4d876c-4b70-4033-b6be-2ce87ebb77f8" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F1jvyvoXjvjM0BTdfZj8s%2Fimage.png?alt=media&amp;token=e67c9e8e-a1c5-4e18-a136-7ab7785f1630" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2F8NKnkf6TCELXk8kakN2r%2Fimage.png?alt=media&amp;token=d7711191-ebf9-48ed-93ab-86eb995f384b" 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="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FJuYHMSi7sNTYsuaZiRfG%2Fimage.png?alt=media&amp;token=b7bbefa2-3890-4c66-b49d-ebc517a19afb" alt=""><figcaption><p>EXP: OUTLET COM FUNDO EM VERMELHO</p></figcaption></figure>

<figure><img src="https://2606432350-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdmDGRqcCSJvlyHS2pQ1k%2Fuploads%2FnI0vDKYPR10eeZSVqmvV%2Fimage.png?alt=media&amp;token=7ca66282-3cdb-41fb-848f-d84c6b9cae30" 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;