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.

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.

Outros elementos no mobile

Editor Wix: ajustar e personalizar abas para o seu site mobile

11 min

Neste artigo

Ocultar abas do seu site mobile
Ajustar o layout das abas no mobile
Personalizar o design das abas no mobile

As abas são uma maneira avançada de organizar e categorizar seu conteúdo. As abas que você adiciona no desktop aparecem automaticamente no seu site mobile, e você pode ajustá-las conforme necessário para se adequarem a telas menores.

Observação:

As abas são um elemento do desktop, o que significa que você não pode adicionar abas apenas para mobile.

Ocultar abas do seu site mobile

Se você não quiser exibir abas no seu site mobile, você pode ocultá-las facilmente. Depois de ocultar um elemento de aba, você pode acessá-lo e mostrá-lo novamente no painel Oculto no mobile.

Para ocultar abas do seu site mobile:

Clique no elemento de aba no seu editor mobile.
Clique no ícone Ocultar elemento .

Captura de tela de abas no editor mobile do Wix, mouse passando sobre o ícone para ocultar elemento.

Ajustar o layout das abas no mobile

Edite o layout das abas no seu site mobile para que elas se ajustem a telas menores. Você pode alterar o espaçamento e a direção para estruturar suas abas e escolher como os visitantes no mobile visualizam as abas que não cabem no menu superior.

Para ajustar o layout das abas no seu site mobile:

Clique no elemento de aba no seu editor mobile.
Clique no ícone Layout .
Escolha como deseja ajustar o layout da sua aba:
- Distribuição da aba: escolha o quanto você deseja que o menu da aba seja esticado:
  - Padrão: o menu não se ajusta à largura da caixa.
  - Esticar: o menu se ajusta à largura da caixa inteira.
- Espaçamento entre abas: aumente ou diminua o espaçamento entre os itens da aba.
- Espaço entre as abas e os contêineres: aumente ou diminua o espaço entre o menu e as caixas de conteúdo.
- Preenchimento horizontal: ajuste o preenchimento à esquerda e à direita dos itens de menu.
- Preenchimento vertical: ajuste o preenchimento na parte superior e inferior dos itens.
- Abas que não se encaixam: selecione como exibir itens que não cabem no menu:
  - Rolar: os visitantes podem rolar pelo menu para ver todos os itens.
  - Quebrar texto: outra linha é adicionada para abranger todos os itens. Você pode então usar o slider para aumentar ou diminuir o espaçamento entre as linhas.
- Mostrar as abas da: mostre abas no menu da esquerda para a direita ou vice-versa.
- Alinhamento do texto: selecione uma opção para definir se o texto é alinhado à esquerda, ao centro ou à direita.

Captura de tela do menu de layout da aba no Editor Wix.

Personalizar o design das abas no mobile

Altere o design do elemento da aba para que ele se adapte à aparência do seu site mobile. As alterações feitas não afetam o site para desktop, portanto, você pode alterar opções como o texto e a cor de preenchimento para criar uma experiência personalizada para seus visitantes mobile.

Para editar o design das abas:

Clique no elemento de aba no seu editor mobile.
Clique no ícone Design .
Selecione uma opção em O que você deseja criar? e personalize-a com as opções disponíveis: