Mega Menu Astra Pro sem submenus: como corrigir

Tipo Page Builders

Nome do erro Mega Menu não exibe submenus no Astra Pro EN: Astra Pro Mega Menu not showing submenus

Severidade Atenção

Descrição O Mega Menu do Astra Pro deixa de exibir submenus quando o módulo Nav Menu está inativo, quando o toggle Enable Mega Menu não foi ligado no item pai ou quando os itens de submenu não estão aninhados sob o pai em Aparência -> Menus. Sem submenu aninhado, o Astra não monta as colunas e o menu abre vazio.

O que é o Mega Menu do Astra Pro sem submenus?

O Mega Menu do Astra Pro é o recurso do módulo Nav Menu que transforma o submenu de um item de menu em um painel largo com colunas, em vez do dropdown vertical padrão. O Astra monta uma coluna para cada item de submenu aninhado sob o item pai onde o Mega Menu foi ligado. Quando o recurso falha, o painel abre vazio, mostra menos colunas do que o esperado ou o item simplesmente volta a abrir o dropdown comum do tema, sem o layout em colunas.

Como identificar

Ao passar o mouse sobre o item de menu, o painel do Mega Menu abre vazio, sem nenhuma coluna ou link de submenu.
O item de menu volta a exibir o dropdown vertical comum do Astra, e não o painel largo em colunas do Mega Menu.
O botao Astra Menu Settings não aparece ao expandir o item de menu em Aparencia -> Menus.
As colunas do Mega Menu aparecem no editor de menus, mas somem no frontend depois de ativar o cache ou a otimização de CSS.

Como prevenir

Mantenha o tema Astra e o Astra Pro sempre atualizados para ter o Mega Menu em todos os menus do Header Builder
Sempre que ligar o Enable Mega Menu, confira que os itens de submenu estão aninhados sob o item pai antes de salvar
Exclua os arquivos do Astra da minificacao e combinacao de CSS e JS no plugin de cache desde a configuração inicial

Causa

Módulo Nav Menu desativado em Astra -> Dashboard -> Astra Pro Modules, sem o qual o botao Astra Menu Settings e o toggle Enable Mega Menu nem aparecem no editor de menus.
Toggle Enable Mega Menu desligado no item de menu pai em Aparencia -> Menus, deixando o submenu como dropdown comum em vez de painel em colunas.
Itens de submenu não aninhados sob o item pai (arrastados para o mesmo nível em vez de recuados a direita), entao o Astra não tem submenu filho para transformar em coluna.
Menu atribuido a um componente de menu do Header Builder em versão antiga do Astra Pro que ainda não suportava Mega Menu em todos os menus do builder.
Minificacao ou combinacao de CSS e JavaScript pelo plugin de cache removendo os estilos e scripts que renderizam o painel do Mega Menu no frontend.
CSS antigo do Astra em cache no servidor ou no navegador servindo o layout de dropdown anterior em vez do painel em colunas recem-configurado.

Como resolver

Ative o módulo Nav Menu do Astra Pro: abra o painel do Astra, va até a aba de módulos PRO e ative o módulo Nav Menu. Sem ele, o botao Astra Menu Settings e o toggle do Mega Menu nem aparecem no editor de menus.
```
Astra -> Dashboard -> Astra Pro Modules -> Nav Menu (ativar)
```
Ligue o Enable Mega Menu no item pai: no editor de menus, expanda o item de menu pai, clique em Astra Menu Settings e ligue o toggle. O Mega Menu so vale para o item onde ele foi ligado.
```
Aparencia -> Menus -> [item pai] -> Astra Menu Settings -> Enable Mega Menu (ligar)
```
Aninhe os itens de submenu sob o pai: ainda em Aparencia -> Menus, arraste cada item de submenu um pouco para a direita, para que ele fique recuado sob o item pai. O Astra cria uma coluna por item aninhado, entao itens no mesmo nível do pai não viram coluna.
```
Aparencia -> Menus -> arraste cada filho para a direita, recuado sob o item pai
```
Atualize o Astra Pro e confira o componente de menu: atualize o tema Astra e o Astra Pro para a versão mais recente e confirme que o menu esta no componente correto do Header Builder. Versões antigas não suportavam Mega Menu em todos os menus do builder.
```
Painel -> Atualizações -> atualizar Astra e Astra Pro
Aparencia -> Personalizar -> Header Builder -> Primary Menu / Account Menu
```
Limpe o cache e exclua o Astra da minificacao: no plugin de cache, exclua os arquivos do Astra da minificacao e combinacao de CSS e JS, limpe o cache do site e o cache do CDN, e recarregue a página sem cache do navegador. A otimização agressiva remove os estilos e scripts do painel do Mega Menu.
```
No plugin de cache: excluir /astra/ e /astra-addon/ da minificacao de CSS e JS
Limpar cache do site + cache do CDN/Cloudflare
Recarregar com Ctrl+F5 (sem cache do navegador)
```

CSS

/* Garante que o painel do Mega Menu do Astra fique visivel mesmo se um CSS de tema/plugin o ocultou. Cole em Aparencia > Personalizar > CSS adicional. */
.ast-builder-menu .menu-item.menu-item-has-children.astra-megamenu-li .astra-megamenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1;
}

.ast-builder-menu .astra-megamenu-wrap .astra-megamenu .menu {
    display: flex;
    flex-wrap: wrap;
}

Perguntas frequentes

O botao Astra Menu Settings não aparece. O que falta?

Falta ativar o módulo Nav Menu. Va em Astra -> Dashboard -> Astra Pro Modules e ative o Nav Menu. Esse botao e o toggle Enable Mega Menu so surgem no editor de menus depois que o módulo esta ativo e o Astra Pro licenciado.

Liguei o Enable Mega Menu mas o painel abre vazio. Por que?

Quase sempre porque os itens de submenu não estão aninhados sob o item pai. O Astra cria uma coluna por item de submenu recuado sob o pai. Em Aparencia -> Menus, arraste cada filho para a direita até ficar recuado sob o pai e salve para as colunas aparecerem.

O Mega Menu funciona no editor mas some no site publicado. O que e?

Costuma ser o plugin de cache minificando ou combinando o CSS e o JS do Astra, o que remove os estilos e scripts do painel. Exclua os arquivos do Astra da minificacao, limpe o cache do site e do CDN e recarregue com Ctrl+F5 para confirmar.

Preciso do Astra Pro para usar o Mega Menu?

Sim. O Mega Menu faz parte do módulo Nav Menu, que e um recurso exclusivo do Astra Pro. Com o tema Astra gratuito você so tem o dropdown comum; o painel em colunas exige o Astra Pro instalado, ativado e com a licenca valida.

O item volta a abrir o dropdown comum em vez do Mega Menu. Como resolver?

Isso indica que o Enable Mega Menu não esta ligado naquele item específico ou que o menu esta num componente antigo do Header Builder. Ligue o toggle no item pai em Astra Menu Settings e atualize o Astra Pro para a versão que suporta Mega Menu em todos os menus do builder.

Posso usar um template do Elementor ou um widget dentro da coluna?

Sim. Ao expandir um item de submenu com o Mega Menu ativo, o Content Source permite escolher Custom Text, Template ou Widget. Assim você coloca texto e HTML próprios, um template salvo ou um widget dentro da coluna, em vez de apenas links.

Como faco um item de submenu virar titulo de coluna?

Ative a opção As Heading no item de submenu que deve ser o titulo da coluna. O rotulo de navegação vira o cabeçalho e os itens filhos dele aparecem listados abaixo. Essa opção so aparece com o Enable Mega Menu ligado no item pai.

Atenção

Como corrigir o erro de fontes do Google entre Elementor e Perfmatters no WordPress

O erro de fontes Google entre Elementor e Perfmatters acontece quando as opções Disable Google Fonts ou Remove Unused CSS do Perfmatters removem os arquivos de fonte que o Elementor carrega, fazendo a tipografia trocar para a fonte padrão do sistema ou desaparecer no frontend.

Atenção

Como corrigir as Options Pages do JetEngine que não salvam configurações no WordPress

As JetEngine Options Pages não salva as configurações quando o slug da página colide com uma opção existente, quando o usuário não tem a capability exigida ou quando o tipo de armazenamento foi trocado depois que os campos já tinham valores, fazendo o painel descartar os dados ao salvar.

Atenção

Como corrigir o Cross Domain Copy Paste que não funciona no Happy Addons

O Happy Addons copy paste não funciona entre sites quando o navegador bloqueia o acesso à área de transferência, a licença Pro não está ativa nos dois domínios ou as versões do Happy Addons Pro estão diferentes, impedindo o X Paste de colar o elemento do Elementor.

Grave

Como corrigir o JetWooBuilder que não edita templates de produto

O JetWooBuilder não aplica o template de produto quando a opção Enable custom product single page não foi marcada em WooCommerce, Settings, JetWooBuilder, quando os widgets de Single Product estão desativados, ou quando o template está salvo como rascunho. Sem isso a loja mantém o layout padrão do tema.

Atenção

Como corrigir os Predefined Websites que não importam no Astra Pro

O Astra Starter Templates (Predefined Websites) não importa quando o servidor estoura o tempo de execução, não consegue gravar o XML em wp-content ou falha ao instalar um plugin obrigatório do template. A importação para no meio e exibe erros como cURL error 28 ou Could not store XML file.

Grave

Como corrigir o JetBooking que não processa reservas

Quando o JetBooking não processa a reserva, o formulário de booking é enviado mas nenhuma reserva é gravada na tabela e as datas não ficam bloqueadas. A causa quase sempre é a instância de booking mal configurada, a tabela do plugin não instalada, ou o pedido WooCommerce que nunca chega a um status pago.

Setores

Extensões

Integrações

Como corrigir o Mega Menu que não exibe submenus no Astra Pro

O que é o Mega Menu do Astra Pro sem submenus?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o erro de fontes do Google entre Elementor e Perfmatters no WordPress

Como corrigir as Options Pages do JetEngine que não salvam configurações no WordPress

Como corrigir o Cross Domain Copy Paste que não funciona no Happy Addons

Como corrigir o JetWooBuilder que não edita templates de produto

Como corrigir os Predefined Websites que não importam no Astra Pro

Como corrigir o JetBooking que não processa reservas

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos