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. 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

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?

|