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:

Personalizar os botões do menu

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:

  1. Selecione o menu hambúrguer no seu editor.
  2. 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.
  3. Escolha como personalizar o botã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:

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

Fazer o design do menu

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:

  1. Selecione o menu hambúrguer no seu editor.
  2. Clique em Editar menu.
  3. Clique nos itens do menu.
  4. Escolha como deseja ajustar o menu:
    • Layout: clique no ícone Layout  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.
O painel de design de um menu hambúrguer. A aba de texto está aberta. O cursor está arrastando o slider do tamanho da fonte.

Esse artigo foi útil?

|