Editor Wix: personalizar o menu mobile
Neste artigo
- Personalizar o ícone do menu
- Personalizar o contêiner do menu
- Personalizar os itens do menu
Personalize seu menu mobile para que ele combine com o design e o layout do seu site. Seu menu mobile consiste em três elementos: o ícone, o contêiner e os itens.
Você pode personalizar e ajustar cada um individualmente para criar um menu exclusivo e atraente para você e os visitantes do seu site mobile.
Importante:
Este artigo se refere ao menu mobile que foi lançado no início de 2019. Você pode atualizar para o novo com apenas alguns cliques.
Saiba como atualizar o menu mobile
Personalizar o ícone do menu
O ícone do menu tem dois estados: aberto e fechado. Você pode selecionar um ícone predefinido e personalizar os dois estados para que eles fiquem como você quiser.
Para personalizar o ícone do menu:
- Clique no ícone do menu no seu editor mobile.
- Clique no ícone Design
.
- Selecione uma predefinição entre as opções disponíveis.
- Clique em Personalizar design.
- Selecione para qual estado você deseja personalizar o ícone clicando em uma aba (Fechado ou Aberto).
- Escolha como deseja criar o design do ícone:
Personalizar a cor de preenchimento e a opacidade
e personalize com as opções:
Adicionar e personalizar uma borda ao redor do ícone
para definir a cor, visibilidade e largura:
Personalizar os cantos do ícone
para deixar os cantos do ícone mais redondos ou mais quadrados:
para ativar ou desativar o mesmo raio para todos os cantos.
Adicionar e ajustar uma sombra para o ícone
para adicionar e ajustar uma sombra com as opções abaixo:
Personalizar o contêiner do menu
A caixa do menu contém seus itens de menu. Usando os painéis de layout, design e background, você pode ajustar a posição e a aparência do contêiner do menu para que ele combine com o seu site.
Para personalizar a caixa do menu:
- Clique no ícone do menu no seu editor mobile.
- Clique em Editar menu.
- Clique no contêiner do menu.
- Escolha como você deseja ajustar o contêiner do menu com as opções abaixo:
Ajustar o layout do contêiner
e selecione um alinhamento para o seu menu:
Alterar o background do contêiner
Personalizar o design do contêiner
Os itens do menu estão mal posicionados?
Pode ser que você esteja enfrentando um dos nossos problemas conhecidos. Estamos trabalhando para resolvê-lo o mais rápido possível.
Saiba mais sobre esse problema e veja possíveis soluções alternativas
Personalizar os itens do menu
Ajuste a aparência e o design dos itens do menu (o texto do menu). Você pode personalizar configurações como a fonte, cor e espaçamento.
Observações:
- Se você quiser adicionar ou remover elementos do seu menu, clique com o botão direito do mouse no elemento e clique em Mover para para movê-lo entre a caixa de menu, o cabeçalho e o rodapé.
- Se você não conseguir ver suas subpáginas no seu menu mobile, clique
aqui.
Para ajustar os itens do menu:
- Clique no ícone do menu no seu editor mobile.
- Clique em Editar menu.
- Clique no menu mobile.
- Escolha como deseja ajustar os itens do menu com as opções abaixo:
Layout dos itens do menu
e use as opções abaixo:
Design dos itens do menu
e selecione a aba
Normal ou
Selecionado para personalizar os estados:
: use as opções abaixo para personalizar o menu e os itens do submenu:
: arraste os sliders para aumentar ou diminuir o deslocamento dos itens de menu e submenu.
Quer tornar seu site mais acessível?
Clique em
Configurações e adicione um
nome acessível
no campo fornecido. Nomes acessíveis são títulos curtos (geralmente com 1 a 3 palavras) que descrevem a função e o conteúdo de um elemento. Esses nomes são "lidos" por leitores de tela e outras tecnologias assistivas, tornando-os uma parte importante da acessibilidade do site.
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
