Editor Wix: personalizar o menu mobile
10 min de leitura
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.
Neste artigo, saiba como:
Importante:
Este artigo fala sobre o 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 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 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.
Para ajustar os itens do menu:
- Clique no ícone do menu no 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 ajustar ainda mais seu menu?
Você pode personalizar a cor da seta dropdown no menu mobile. Saiba como personalizar a seta
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 as subpáginas no menu mobile, clique aqui.
Esse artigo foi útil?
|