Editor Wix: personalizar um menu hambúrguer

7 min de leitura

Depois de adicionar e configurar seu menu hambúrguer, personalize sua aparência e layout para combinar com o seu site. Você pode ajustar os botões, o contêiner e os itens de menu para que fiquem exatamente como deseja.

Neste artigo, confira:

Use as opções para personalizar a aparência de cada botão: o que os visitantes clicam para abrir o menu e o que eles clicam para fechá-lo.

Para personalizar os botões:

Selecione o menu hambúrguer no seu editor.
Escolha qual botão você deseja personalizar:
- Botão do menu: clique no botão.
- Botão "fechar":
  1. Clique em Editar menu.
  2. Clique no botão "fechar" no contêiner.
Escolha como personalizar o botão:

Personalizar o botão

Ajustar o layout e a exibição

Ajustar o contêiner e a sobreposição

Escolha o layout e defina o background para o contêiner que exibe os itens do menu. Se você ativar uma sobreposição, você pode alterar e ajustar seu background para que funcione para o design que você precisa.

Para ajustar o contêiner e a sobreposição:

Selecione o menu hambúrguer no seu editor.
Clique em Editar menu.
Personalize o contêiner/sobreposição como preferir:

Ajustar o tamanho e o layout do contêiner

Fazer o design do contêiner

Personalizar a sobreposição

Personalize a aparência do menu para combinar com o tema do seu site. Você pode alterar o alinhamento e a estrutura, assim como o design dos itens do menu.

Para personalizar o design do menu:

Selecione o menu hambúrguer no seu editor.
Clique em Editar menu.
Clique nos itens do menu.
Escolha como deseja ajustar o menu:
- Layout: clique no ícone レイアウト e escolha entre as seguintes opções:
  - Alinhamento do texto: selecione se o texto do menu é alinhado à esquerda, à direita ou ao centro.
  - Posição da seta do dropdown: selecione se a seta do dropdown fica à esquerda ou à direita do texto do menu.
- Design: clique no ícone Design e personalize o menu como desejar:
  1. Escolha o estado do menu que deseja personalizar (Normal ou Selecionado).
  2. Ajuste o design usando as opções:
    - Cor e opacidade : escolha a cor de preenchimento do menu e ajuste sua opacidade.
    - Borda : ajuste a largura e a cor da borda do menu.
    - Sombra : adicione uma sombra e ajuste seu ângulo, tamanho, desfoque, cor e distância.
    - Texto : edite as configurações de texto do menu, como fonte, tamanho e formato.
    - Espaçamento : ajuste o espaçamento e o recuo do menu usando os sliders.