header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Wix Studio, Parceiros e empresas
  3. Wix Studio
  4. Use o Editor do Wix Studio
  5. Trabalhe com menus no Editor do Wix Studio
  6. Editor do Wix Studio: ajustar o layout dos novos menus

Editor do Wix Studio: ajustar o layout dos novos menus

6 min
Neste artigo
  • Ajustar o layout dos menus horizontais
  • Ajustar o layout dos menus verticais
  • Ajustar o layout dos menus hambúrguer
Com nosso componente de menu mais recente, você pode alterar o layout de um único menu para cada breakpoint individual, facilitando ainda mais fazer o design do site do seu cliente em todos os tamanhos de tela.
Depois de escolher um tipo de menu (layout), use as opções de personalização para que ele fique exatamente como você deseja.

Ajustar o layout dos menus horizontais

Os menus da barra de navegação horizontal têm muitas opções, dando a você controle criativo total sobre o layout. Você pode escolher como os itens excedidos são exibidos, ativar um ícone para dropdowns e muito mais.

Para ajustar o layout de um menu horizontal:

  1. Clique no menu no seu editor.
  2. Clique no ícone Layout .
  3. Clique em Barra de navegação em Tipo de menu.
  4. Selecione Horizontal no dropdown Orientação.
  5. Use as opções para ajustar o layout:
O painel layout está aberto em um menu horizontal. O cursor está clicando na direção da esquerda para a direita.

Ajustar o layout dos menus verticais

Os menus verticais ficam ótimos em telas menores, tornando-os adequados para breakpoints para tablets. Ajuste opções como o espaçamento e direção para manter tudo alinhado e complementar a estrutura do site.

Para ajustar o layout de um menu vertical:

  1. Clique no menu no seu editor.
  2. Clique no ícone Layout .
  3. Clique em Barra de navegação em Tipo de menu.
  4. Selecione Vertical no dropdown Orientação.
  5. Personalize o layout com as opções:
    • Separadores: selecione a alavanca Adicionar separadores para ativar ou desativar essa opção e ajuste o espaçamento:
      • Ativada: ajuste o espaçamento entre os separadores e os itens do menu.
      • Desativada: ajuste o espaçamento entre itens.
    • Preenchimento: use as opções para aumentar ou diminuir o preenchimento ao redor do menu e itens.
    • Espaçamento de ícones do dropdown: ajuste o espaçamento entre os itens do dropdown e o ícone.
    • Direção: defina o menu para ser exibido da esquerda para a direita ou da direita para a esquerda.
    • Alinhamento: alinhe os itens do menu à esquerda, ao centro ou à direita do contêiner ou defina-os como justificados.
O painel layout está aberto para um menu vertical. O cursor está clicando na opção de preenchimento vertical.
Observações:
A opção Espaçamento de ícones do dropdown só aparece se:
  • Você ativou um ícone de dropdown no layout horizontal (os ícones de dropdown não podem ser ativados/desativados em menus verticais).
  • O menu está alinhado à esquerda, ao centro ou à direita do contêiner.

Ajustar o layout dos menus hambúrguer

Com menus hambúrguer, você pode escolher o que o ícone do menu exibe (texto, um ícone ou ambos) e definir o alinhamento.
Você também pode selecionar se os itens do menu são exibidos na horizontal ou na vertical e ajustar as configurações.

Para ajustar o layout de um menu hambúrguer:

  1. Clique no menu no seu editor.
  2. Clique no ícone Layout .
  3. Clique em Hambúrguer em Tipo de menu.
  4. Dependendo de qual parte do menu você deseja ajustar, continue ou permaneça no painel Layout:
    • O ícone do menu:
      1. Permaneça no painel Layout.
      2. Personalize o layout com as opções:
        • Escolha o que exibir: selecione se o botão do menu hambúrguer exibe texto, um ícone ou ambos.
          Observação: também é possível escolher que o menu não exiba nada. No entanto, recomendamos selecionar uma das outras opções para que os visitantes possam encontrar o menu.
        • Alinhamento: alinhe o ícone do menu à esquerda, ao centro ou à direita do contêiner.
    • O menu em si:
      1. Saia do painel Layout.
      2. Clique em Editar menu.
      3. Selecione os itens do menu.
      4. Clique no ícone Layout .
      5. Escolha se os itens são exibidos na horizontal ou na vertical e ajuste-os com as opções:
O painel layout está aberto para o ícone do menu hambúrguer. O cursor está clicando na opção de alinhamento ao centro.

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
  • Ajustar o layout dos menus horizontais
  • Ajustar o layout dos menus verticais
  • Ajustar o layout dos menus hambúrguer

Esse artigo foi útil?

|