Ir para o conteúdo principal

Como criar um mega menus no Divi

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Os menus Mega permitem que os usuários vejam mais links de uma só vez sem ter que rolar, voar e lembrar o conteúdo do seu menu. A melhor maneira de entender o mega menu é que eles são menus suspensos em menus suspensos.

Assim, em vez do seu menu suspenso normal que exibe um submenu quando você passa o mouse sobre seus links pais principais em sua barra de navegação, um mega menu permite que você tenha links e parentes de submenu adicionais no menu suspenso.

Como adicionar um mega menu à sua barra de navegação

Faça login no seu painel do WordPress e navegue até Aparições> Menus .

wordpress menu divi.png

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Crie um menu com quatro links pai com cada link pai com seus próprios links de submenu. No exemplo abaixo, adiciono três itens de submenu em cada um dos quatro links de menu pai.

menu divi.png

Crie um link adicional para servir como um link de megamen. Para o exemplo abaixo, eu chamo este link "Main". Em seguida, arraste os dois links do menu principal (cada um com seus links de submenu) no link Principal.

Agora, para criar seu Megamenu, você precisa adicionar uma classe CSS especial ao link principal de nível superior chamado "Main". Você pode fazer isso clicando no link de opções de tela na parte superior da sua página e certificando-se de que a opção de classe CSS esteja marcada.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

classes css divi.png

Finalmente, você precisa adicionar uma classe CSS ao link "Principal" que acabou de criar. Clique na seta à direita do item de menu "Principal" para alternar as opções de configuração adicionais. Encontre a caixa de texto chamada Classes CSS e digite a classe "mega-menu".

mega menu divi.png

Agora, quando você recarregar sua página, você pode ver que todos os menus anteriores foram colocados no menu gigante sob este link, o Mega Menu.

mega menu divi example.png

Crie facilmente seu blog com o SiteGround

SiteGround permite que você crie seu blog WordPress em apenas alguns cliques. Nome de domínio grátis, hospedagem segura, SSL, transferência e muito mais ... [Recomendado]

Isso é tudo para este tutorial, espero que permita criar um mega menu no Divi com facilidade.

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
15 ações
ação6
chilrear2
Enregistrer7
Whatsapp