header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Use o Editor do Wix Harmony
  4. Estruture seu site
  5. Editor do Wix Harmony: usar menus hambúrguer

Editor do Wix Harmony: usar menus hambúrguer

Neste artigo
  • Adicionar um menu hambúrguer
  • Personalizar o botão que abre o menu
  • Personalizar o contêiner do menu hambúrguer
  • Personalizar o botão que fecha o menu
Este artigo se refere ao novo Editor do Wix Harmony, lançado em janeiro de 2026. Se você não tem certeza se está usando o Editor do Wix Harmony ou o Editor Wix, veja mais informações aqui.
Menus hambúrguer oferecem uma solução limpa e eficiente em termos de espaço que só aparece quando os visitantes clicam no ícone do menu.

Você tem controle total sobre os elementos de design do menu hambúrguer, o que permite adaptá-lo à sua marca e estilo únicos.

Adicionar um menu hambúrguer

Existem 2 maneiras de adicionar um menu hambúrguer ao seu site. Você pode adicionar um menu hambúrguer totalmente novo a partir do painel Elementos ou alterar rapidamente um menu existente para o estilo hambúrguer diretamente na barra de ação.

Para adicionar um menu hambúrguer:

  1. Vá para o seu Editor.
  2. Escolha o que fazer em seguida:
Você sabia?
Quando você adiciona um menu horizontal ou vertical ao seu cabeçalho no desktop, ele se torna automaticamente um menu hambúrguer no mobile. Isso garante que as pessoas que visitam o site consigam acessar seu menu em todos os dispositivos.

Personalizar o botão que abre o menu

O botão do menu hambúrguer é uma parte essencial da navegação do seu site e você pode fazer com que ele combine com seu estilo de maneira simples. Ajuste o ícone e o texto para dizer exatamente o que você quer e, em seguida, ajuste os detalhes do design, desde as cores e o espaçamento até a animação.

Para personalizar o botão 'Abrir':

  1. Vá para o seu Editor.
  2. Clique no ícone do menu hambúrguer. 
  3. Escolha como personalizar o botão:

Personalizar o contêiner do menu hambúrguer

Quando as pessoas que visitam o site clicam no ícone do menu hambúrguer, o menu do site abre em um contêiner espaçoso com uma sobreposição, o que facilita a leitura do menu. Há muito espaço para personalizar: ajuste as cores do contêiner, do menu e da sobreposição e adicione mais elementos, como seu logo ou uma barra de redes sociais.

Para personalizar o contêiner do menu hambúrguer:

  1. Vá para o seu editor.
  2. Acesse o contêiner:
    1. Clique no ícone do menu hambúrguer.
    2. Clique no dropdown Modo normal e selecione Menu hambúrguer.
  3. Escolha o que fazer em seguida:
Terminou de editar?
Clique em Ok ao lado de Editando: menu hambúrguer na barra flutuante para voltar à sua página.

Personalizar o botão que fecha o menu

Personalize o botão que as pessoas clicam para fechar o menu hambúrguer. Substitua o ícone, adicione um texto útil (por exemplo: "Sair") e faça o design como você preferir.

Para personalizar o botão "Fechar":

  1. Vá para o seu editor.
  2. Acesse o botão "Fechar":
    1. Selecione o ícone do menu hambúrguer.
    2. Clique no dropdown Modo normal e selecione Menu hambúrguer.
    3. Clique no botão "Fechar".
  3. Escolha o que fazer em seguida na barra de ação:
Terminou de editar?
Clique em Ok ao lado de Editando: menu hambúrguer na barra flutuante para voltar à sua página.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Adicionar um menu hambúrguer
  • Personalizar o botão que abre o menu
  • Personalizar o contêiner do menu hambúrguer
  • Personalizar o botão que fecha o menu

Esse artigo foi útil?

|