Create multi-dimensional WordPress mega menus in Gutenberg. Build beautiful menu layouts in submenu and dropdowns with containers, carousels, tabs & more, and provide a smoother browsing experience with better navigation in WordPress Mega Menu.

Pré-requisito:  #

To create a Mega Menu in Gutenberg, you must install both GutenKit and GutenKit Pro plugins on your WordPress site.

1. GutenKit (Free Version): Baixar plug-in
2. Guten Kit Pro: Obtenha o plug-in

Como criar um mega menu WordPress em Gutenberg #

⚠️ Mega Menu is a premium extension for the GutenKit Nav Menu block. So you need to have Nav Menu enabled.

Therefore, create a Nav Menu first in your WordPress blocks editor.

💡 Aprenda como criar menu de navegação WordPress usando GutenKit

Etapa 1: adicionar submenu #

Once you create a Nav menu, you can add submenu items and create Mega Menu. To add a WordPress Mega menu in Gutenberg, 

1. Habilite o Adicionar SubMenu option for the Nav menu.
2. Selecione o tipo de submenu para Mega Menu 

Alternativamente, clique no botão adicionar Mega Menu na barra de ferramentas do bloco para ativar o mega menu como submenu.

Etapa 2: crie o Mega Menu com quaisquer blocos #

Você pode adicionar qualquer bloco como item de menu no mega menu. Com o bloco GutenKit Mega Menu, você pode criar um menu com imagens, mapas, acordeões, formulários, tabelas de preços ou qualquer bloco Gutenberg no submenu.

Here we have added the Advanced Tab as a menu item in the Mega menu.

Etapa 3: personalizar estilos de mega menu do WordPress #

Agora você pode personalizar a aparência do mega menu do WordPress usando GutenKit. Você pode personalizar a largura e a posição do menu.

Selecione os Largura do menu para o seguinte:

• Largura completa
• Em linha
• Personalizado

Para Largura personalizada, você pode ajustar a largura do menu manualmente.

Posição do menu em: Esquerda ou Direita

You can set the menu position from the left or the right. 

Posição de: Esquerda

Posição de: Direita

Don’t feel like reading? Check out this video tutorial instead! 👇

Assim como o bloco Mega Menu, o GutenKit vem com vários recursos avançados para o editor de blocos que trazem os recursos do construtor de páginas para o seu site criado com Gutenberg.