Editor Wix: adicionar e configurar um mega menu
6 min de leitura
Mega menus são contêineres que você pode adicionar como itens ao seu menu avançado. Quando os visitantes passam o mouse sobre o item de menu no seu site online, o contêiner é aberto.
Anexe elementos ao contêiner para exibir conteúdo importante e relevante. Você também pode personalizar a aparência para fornecer uma experiência de navegação única para seus visitantes.
Etapa 1 | Adicione um mega menu ao seu menu avançado
Para começar, adicione um contêiner do mega menu como um item ao seu menu e nomeie-o como quiser. Recomendamos usar um título que reflita o conteúdo pretendido, como "Serviços" e "Nossa história".
É importante saber que:
Só é possível adicionar um contêiner do mega menu a um menu horizontal que você definiu como avançado. Os contêineres de mega menu não são suportados em menus normais do site ou menus verticais.
Para adicionar um mega menu:
- Selecione o menu avançado no seu Editor.
- Clique em Gerenciar menu.
- Clique em + Adicionar item de menu na parte inferior do painel.
- Selecione Mega menu.
- Insira o título do contêiner no campo.
- Clique em OK.
Etapa 2 | Adicione conteúdo ao contêiner
Depois de adicionar e nomear seu contêiner, adicione elementos como botões, formas e texto para criar o conteúdo desejado.
Para adicionar elementos:
- Passe o mouse sobre o contêiner do mega menu no painel Gerenciar menu.
- Clique em Editar.
- Clique em Elementos
no lado esquerdo do Editor.
- Escolha o elemento que você deseja adicionar.
- Clique e arraste o elemento para a posição escolhida no contêiner.
Etapa 3 | Ajuste o layout do contêiner do seu mega menu
Depois de adicionar os elementos desejados, altere o layout do contêiner do mega menu para combinar com a estrutura da sua página. Você pode ajustar o espaçamento e escolher quanto o contêiner se estende.
Para alterar o layout:
- Clique no contêiner do mega menu.
- Clique em Alterar layout.
- Use as opções para ajustar o contêiner:
- Escolha um layout: selecione se você deseja que o contêiner preencha toda a tela dos seus visitantes ou a largura da página do seu site (dentro das linhas de grade).
- Espaçamento entre o menu e submenu: arraste o slider para aumentar ou diminuir o espaço entre o menu e o contêiner do mega menu.
Etapa 4 | Personalize o design do mega menu
Depois de ajustar o layout do contêiner, faça o design das bordas, background e mais. Para manter uma aparência consistente, as alterações feitas no mega menu também se aplicam a todos os submenus que você adicionou.
Para personalizar o design do contêiner:
- Clique em Sair do modo na barra de Modo Mega menu.
2. Clique no menu avançado.
3. Clique no ícone Design 
.
.4. Clique em Personalizar design.
5. Selecione Container do submenu no menu dropdown O que você deseja criar?.
6. Use as opções para personalizar o contêiner.
Mostrar opções de design
:
:
para escolher se todos os lados da borda são os mesmos ou tamanhos diferentes.
:
:
:
Observação:
Apenas as opções de design feitas no contêiner do submenu são aplicadas a um mega menu. As alterações feitas nos itens do submenu não são aplicadas aos elementos que você adicionou ao contêiner do mega menu.
Esse artigo foi útil?
|