> 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/icones-nos-menus.md).

# Ícones nos menus

{% 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 > Ícone nos menus".**

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

**- Exibir ícones no menu principal para computador:** a exibição dos ícones no desktop é ativa.

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

<figure><img src="/files/zgoUieZrOgLkCbD9h4N2" alt=""><figcaption><p>Exemplo de ícones no computador</p></figcaption></figure>

**- Exibir ícones no menu para celulares:** a exibição dos ícones no mobile é ativa.

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

<figure><img src="/files/jR73DBHMUOk6u796TOiL" alt=""><figcaption><p>Exemplo de ícones no mobile</p></figcaption></figure>

**- Posição do ícone:** você poderá definir se o ícone será exibido **Acima** ou **Ao lado** do texto no menu principal. No menu mobile e no menu de departamentos ele será exibido sempre ao lado do texto.&#x20;

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

{% hint style="warning" %}
Importante!

No menu mobile e no menu de departamentos, os ícones serão exibidos sempre ao lado do texto.&#x20;
{% endhint %}

Clique em **"Selecionar imagem"** e faça o upload dos ícones.&#x20;

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

{% hint style="info" %}
Lembrando que o formato ideal para os ícones é o **PNG**.&#x20;
{% endhint %}

Após cadastrar as imagens, clique no ícone de **editar (lápis),** para abrir as opções de configuração da imagem.&#x20;

<figure><img src="/files/Jgo5CEiy5Yvb0SwFSlue" alt=""><figcaption><p>Ícone de lápis no topo</p></figcaption></figure>

Adicione o link da categoria que você deseja para aquele ícone.&#x20;

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

{% hint style="danger" %}
Importante! \
\
A categoria deve estar presente no menu principal, caso contrário, o ícone não aparecerá.
{% 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;