Visão geral #
Exiba o mega menu verticalmente em seu site WordPress com nosso complemento de mega menu vertical para o construtor de páginas Elementor. Com nosso widget Elementor, você pode personalizar o conteúdo do Mega Menu, selecionar ícones, escolher a cor do ícone, escolher o texto do emblema, cor, posição, etc.
Iniciar #
Basta seguir o processo passo a passo:
Passo 1: Ative o menu vertical #
- Certificar-se Menu vertical é SOBRE de Kit de Elementos → Elementos.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-20.png)
Etapa 2: adicionar menu #
- Clique em Crie um novo cardápio.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-14-51-41.png)
- Fornecer Nome do cardápio=> Marque a caixa de seleção “Ative este menu para conteúdo do Megamenu”=> Criar cardápio.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-15-02-13.png)
- Clique em Link personalizado-> Fornecer Link do item do menu-> Forneça o nome do item de menu em Texto do link-> Adicionar outro Itens do menu, da mesma forma, -> Clique em Salvar menu.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-15-16-12.png)
Etapa 3: Personalize o Mega Menu Vertical #
- Clique no Mega Menu com ícone de configuração em qual item de menu você deseja personalizar.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-15-22-20.png)
Etapa 4: adicionar conteúdo do mega menu #
- Um pop-up será aberto=> vá para Guia Conteúdo=> alternar o Mega Cardápio ativar opção=> Salvar=> clique em EDITAR CONTEÚDO DO MEGAMENU botão.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-8.png)
Você pode arrastar e soltar qualquer widget ou adicionar seu modelo importado aqui.
- Clique no ícone selecionado.
![](https://help.wpmet.com/wp-content/uploads/2021/08/Annotation-on-2021-08-18-at-17-45-39.png)
- Clique em Seções=>Megamenu => Escolha o modelo de Megamenu desejado e clique em Inserir.
![](https://help.wpmet.com/wp-content/uploads/2021/08/megamenu-section.png)
Personalize o conteúdo do megamenu #
- Editar imagem-> Ver Documentação Como Editar imagem: https://help.wpmet.com/docs/image.
- Editar título e subtítulo-> Ver Documentação Como personalizar Título do título: https://help.wpmet.com/docs/widget-documentation.
- Editar logotipo-> Ver Documentação Como personalizar o logotipo: https://help.wpmet.com/docs/client-logo.
Depois de editar clique em Atualizar=> Feche a guia.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-10.png)
Personalizar ícone do menu #
- Agora vá para Guia Ícone=> Escolha qualquer cor do Paleta de cores.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-14.png)
- Selecione Ícone de Biblioteca de ícones.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-15.png)
Personalize o selo do menu #
- Adicionar ou editar texto.
- Escolher Cor do emblema.
- Escolher Cor de fundo do emblema.
- Clique em Salvar.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Vertical-Menu-11.png)
Posição vertical do menu #
Largura padrão
- Selecione a largura do Mega Menu: Padrão.
- Selecione a posição do Mega Menu: Padrão.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_17.png)
- Visualização do site: Mostrando largura padrão com posição padrão.
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-13-29-10.png)
Padrão com Relativo
- Selecione a largura do Mega Menu: Padrão.
- Selecione a posição do Mega Menu: Relativo.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_20.png)
Visualização do site: Mostrando largura padrão com posição relativa.
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-14-48-41.png)
Largura padrão total
- Selecione a largura do Mega Menu: Largura completa.
- Selecione a posição do Mega Menu: Padrão.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_23.png)
Largura total com relativa
- Selecione a largura do Mega Menu: Largura completa.
- Selecione a posição do Mega Menu: Relativo.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_27.png)
Largura padrão personalizada
- Selecione a largura do Mega Menu: Largura personalizada.
- Forneça qualquer largura personalizada, mas por padrão, é 750 px.
- Selecione a posição do Mega Menu: Padrão.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_28.png)
- Visualização do site: Mostrando Largura personalizada com posição padrão.
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-15-05-45.png)
Largura personalizada com posição relativa
- Selecione a largura do Mega Menu: Largura personalizada.
- Forneça qualquer largura personalizada, mas por padrão é: 750 px
- Selecione a posição do Mega Menu: Relativo.
- Salvar.
![](https://help.wpmet.com/wp-content/uploads/2020/06/Screenshot_31.png)
- Visualização do site: Mostrando Largura personalizada com posição relativa.
![](https://help.wpmet.com/wp-content/uploads/2021/02/Annotation-on-2021-02-02-at-15-18-16.png)
Etapa 5: adicionar mega menu vertical #
- Clique no “+” Ícone.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-18-at-11-03-02-1024x476.png)
- Escolha sua estrutura na área selecionada.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-17-46.png)
- Agora procure por Menu vertical-> Arrastar-> Derrubar na área selecionada.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-25-53.png)
Selecione o menu vertical #
- Selecione Cardápio De Suspenso.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-40-21.png)
Posição do emblema de controle #
- Habilitar Posição do emblema no Lado direito.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-44-03.png)
Ícone indicador suspenso #
Você verá um ícone suspenso padrão que carrega automaticamente. Mas você pode alterá-lo e adicionar um novo. Ou você pode até adicionar seu ícone personalizado. Por esta,
![](https://wpmet.com/wp-content/uploads/2024/01/Click-Submenu-Indicator-Icon-1.png)
- Clique no "+”Ícone próximo ao ícone do indicador suspenso.
![](https://wpmet.com/wp-content/uploads/2024/01/Adding-Indicator-Icon-In-Vertical-Menu-1.png)
2. Em seguida, você verá um pop-up com uma biblioteca de ícones. Aqui, clique no ícone de sua preferência.
3. Em seguida, clique no botão “Inserir”Para adicionar o ícone ao menu.
4. Agora, para adicionar um ícone personalizado, procure o “Minhas bibliotecas”Opção no pop-up e clique no botão“Carregar" botão.
Mostrar alternância #
- Habilitar para Mostrar alternância.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-48-37.png)
- Mostrar ou ocultar menu de alternância.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-12-56-35.png)
- Adicionar ou editar título.
- Carregar Ícone direito e esquerdo.
- Depois da edição Clique em Atualizar=> Clique no Visite o ícone do site.
![](https://help.wpmet.com/wp-content/uploads/2021/01/Annotation-on-2021-01-19-at-13-13-41.png)
Resultado Final #
- Você pode ver o resultado final de o Mega Menu Vertical.
- Link de demonstração: https://wpmet.com/plugin/elementskit/megamenu/#vertical_tabs.
![](https://help.wpmet.com/wp-content/uploads/2021/05/Ekit88.gif)