Editor do Wix Harmony: adicionar e gerenciar menus

1. Escolha o tipo de menu que deseja e arraste-o para sua página: Menu horizontal, Menu vertical ou Menu hambúrguer.
2. Clique no novo menu do site.
3. Clique em Gerenciar menus na barra de ação.
4. Configure seu menu:
   • Clique em + Adicionar item para adicionar outras páginas do site ou links.
   • Clique no ícone Mais ações ao lado de um item do menu para renomeá-lo ou removê-lo.
   • Segure e arraste os itens do menu para reordenar a lista.

1. Clique em Criar menu personalizado para adicioná-lo à página.
2. (Opcional) Altere o layout do seu menu:
   1. Clique no novo menu personalizado.
   2. Clique em Alterar formato na barra de ação para definir o layout do seu menu.
   3. Escolha a opção relevante em Menu:
      • Barra de menu: os itens do menu são exibidos em uma barra de navegação. Em Orientação, escolha se a barra é horizontal ou vertical.
        Dica: para menus horizontais, você também pode escolher o Comportamento do item quando não há espaço suficiente para os itens na tela do visitante. Permita que o menu se expanda com (Ajustar ao texto) ou adicione um botão para rolar pelos itens extras com (Ajustar à rolagem).
      • Hambúrguer: os visitantes veem um ícone e clicam para abrir o menu. Essa é uma ótima opção para layouts simples e minimalistas.

1. Passe o mouse sobre o link relevante e clique no ícone Mais ações .
2. Clique em Alterar link.
3. Altere o tipo de link e/ou suas informações.
4. Clique em OK.
   
   

1. Passe o mouse sobre o item relevante e clique no ícone Mais ações .
2. Clique em Renomear.
3. Insira o novo nome.
4. Pressione a tecla Enter no teclado para salvar suas alterações.
   
   

1. Passe o mouse sobre o item relevante e clique no ícone Mais ações .
2. Clique em Remover do menu.
   Observação: se você excluir um dropdown, todas as páginas que você adicionou a ela serão removidas do menu. No entanto, você pode adicioná-las novamente se precisar.
   
   

• Cores de preenchimento : altere a cor do seu menu, escolhendo uma das cores da sua marca ou uma cor personalizada.
• Bordas : defina as bordas do seu menu para que ele se destaque, escolhendo a cor, a largura e o estilo. Clique no ícone Editar bordas individuais   para personalizar o design de cada lado da borda.
• Texto  : personalize o design dos itens do menu ao alterar a fonte, cor, formatação, alinhamento, espaçamento de caracteres e muito mais.
• Cantos : deixe os cantos do seu menu mais quadrados ou arredondados ao arrastar o slider em Raio. Clique no ícone Editar cantos individuais para personalizar o design de cada canto separadamente.
• Sombra : aplique sombra interna e externa para dar ao menu um efeito 3D interessante, definindo a posição, o desfoque, a cor e muito mais.
• Espaçamento : inclua um pouco de espaço ao seu conteúdo. Adicione preenchimento e ajuste o espaçamento entre os itens.
• Layout : decida se deseja ou não aplicar a direção do site (da esquerda para a direita ou da direita para a esquerda) a esse menu. Para menus verticais, você também pode escolher a largura dos itens do menu e se os dropdowns aparecem como abertos ou fechados.

• Cores de preenchimento : altere a cor do seu dropdown, escolhendo uma das cores da sua marca ou uma cor personalizada.
• Bordas : defina as bordas do seu dropdown para que ele se destaque, escolhendo uma cor, largura e estilo. Clique no ícone Editar bordas individuais   para personalizar o design de cada lado da borda.
• Texto  : personalize o design dos itens do menu dropdown ao alterar a fonte, cor, formatação, alinhamento, espaçamento de caracteres e muito mais.
• Cantos : deixe os cantos do seu dropdown mais quadrados ou arredondados ao arrastar o slider em Raio. Clique no ícone Editar cantos individuais para personalizar o design de cada canto separadamente.
• Sombra : aplique sombra interna e externa para dar à imagem um efeito 3D interessante, definindo a posição, o desfoque, a cor e muito mais.
• Espaçamento : dê mais espaço ao seu conteúdo ao adicionar preenchimento e ajustar o espaço acima do dropdown e entre os itens.
• Layout : escolha o alinhamento, a largura e a posição do dropdown e seus itens. Decida quantas colunas o dropdown deve mostrar.

No momento, não é possível personalizar o design de quando os visitantes clicam ou passam o mouse sobre o menu. O sublinhado que aparece quando os visitantes passam o mouse sobre os itens do menu faz parte do design integrado do menu e não pode ser alterado ou removido.

Se você precisar de mais controle sobre o design da sua navegação, você pode recriar o menu usando elementos de texto ou botão e adicionar links a cada um manualmente.