Astra mobile menu não funciona: como corrigir

Tipo Page Builders

Nome do erro Mobile Menu não funciona no Astra Pro EN: Astra Pro Mobile Menu not working

Severidade Atenção

Descrição O Astra mobile menu não funciona quando o componente Off Canvas não esta na linha Mobile Header do Header Builder, quando o Header Breakpoint esta abaixo da largura do dispositivo ou quando o plugin de cache combina o JavaScript do Astra e quebra o Toggle Button, deixando o hamburguer sem abrir o painel no celular.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

O icone de hamburguer aparece mas não abre. O que e?

Quase sempre o JavaScript do Astra foi combinado ou adiado pelo plugin de cache, quebrando o handler do Toggle Button, ou o componente Off Canvas não esta na linha Mobile Header. Exclua os scripts do Astra da combinacao de JS, confira o Off Canvas no Header Builder e recarregue com Ctrl+F5 para testar.

O icone de hamburguer nem aparece no celular. Por que?

Costuma ser o Header Breakpoint definido baixo demais. Esse valor decide a partir de qual largura o menu desktop colapsa para o hamburguer. Va em Aparencia -> Personalizar -> Header Builder -> Mobile Header e aumente o breakpoint para uma largura que cubra tablets e celulares grandes.

O painel mobile abre vazio, sem itens. Como resolver?

O Off Canvas esta sem menu atribuido. Va em Aparencia -> Menus, abra a aba Gerenciar locais e vincule o menu desejado ao local do Off Canvas ou Mobile Menu. Depois salve e recarregue a página no celular para confirmar que os itens passam a aparecer no painel.

Preciso do Astra Pro para ter o menu Off Canvas?

O Header Builder com Mobile Header separado e o componente Off Canvas dependem do Astra Pro ativo e licenciado. O tema Astra gratuito oferece um menu mobile mais simples sem o painel deslizante completo. Confirme que o Astra Pro esta instalado, ativado e com a licenca valida antes de configurar o Off Canvas.

O menu funciona no preview mas para no site publicado. O que mudou?

O preview do Customizer ignora o plugin de cache, entao o erro so aparece no site publicado. A causa e o cache combinando ou adiando o JavaScript do Astra. Exclua os scripts do Astra da combinacao e do delay de JS, limpe o cache do site e do CDN e recarregue com Ctrl+F5 para confirmar.

Como descubro se ha conflito de JavaScript com outro plugin?

Abra o console do navegador com F12, va na aba Console e toque no hamburguer. Se aparecer um erro em vermelho como 'astra is not defined' ou um TypeError de outro plugin, ele esta interrompendo a fila de scripts antes do Astra. Desative os plugins suspeitos um a um até o menu voltar a abrir.

Qual valor usar no Header Breakpoint do Astra?

Depende do seu menu, mas um ponto de partida seguro fica próximo de 921 px, que faz o hamburguer aparecer em tablets e celulares. Se o menu desktop tem muitos itens e já quebra em telas maiores, aumente o breakpoint. Teste no modo responsivo do navegador até o menu desktop colapsar na hora certa.

Pro Grave

Como corrigir Custom Layouts que não aplicam no Astra Pro

Quando os Custom Layouts do Astra não aplicam, um cabeçalho, rodape, hook ou template do Site Builder do Astra Pro fica invisivel em páginas especificas, mesmo salvo. A causa quase sempre esta nas Display Rules: alvo errado em Display On, exclusão em Do Not Display On vencendo, ou outro layout com prioridade maior assumindo o local.

Pro Grave

Como corrigir o editor do Elementor que não carrega

Quando o editor do Elementor não carrega, ele trava na barra de carregamento ou abre em branco. A causa quase sempre é limite de memória/PHP baixo demais para o site ou um conflito com outro plugin (cache ou minificação de JavaScript).

Pro Atenção

Como corrigir o Relationship Field no ACF PRO

O Relationship field do ACF PRO que não funciona acontece quando get_field() devolve um array inesperado, o loop com setup_postdata mostra o post errado por falta de wp_reset_postdata, ou a meta_query usa igualdade em vez de LIKE no valor serializado.

Pro Grave

Como corrigir o erro de Header/Footer no Astra Pro após atualização

O Astra header footer quebrado após atualização ocorre quando o cabeçalho ou rodape do Astra Pro some, perde estilo ou troca de posicao depois de um update do tema ou do Astra Pro Addon. A causa quase sempre e CSS dinamico em arquivo defasado, módulo Custom Layouts desligado, ou regra de exibicao do layout perdida.

Pro Grave

Como corrigir o conflito de templates de curso entre Tutor LMS e Elementor

A página de curso fica sem o layout do Elementor (ou mostra o template padrão do Tutor LMS) porque o addon Tutor LMS do Elementor não esta ativo ou a prioridade de template aponta para o template embutido do plugin em vez do seu template Elementor.

Pro Grave

Como corrigir o WooCommerce Builder do Elementor que não edita páginas de loja

O WooCommerce Builder do Elementor não edita páginas de loja quando o Elementor Pro está inativo, o WooCommerce não está instalado, ou o template criado no Theme Builder não tem condições de exibição definidas. Sem isso, as páginas de produto e de catálogo continuam usando o layout padrão do tema, mesmo com o template salvo.

Setores

Extensões

Integrações

Como corrigir o erro do Mobile Menu no Astra Pro

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir Custom Layouts que não aplicam no Astra Pro

Como corrigir o editor do Elementor que não carrega

Como corrigir o Relationship Field no ACF PRO

Como corrigir o erro de Header/Footer no Astra Pro após atualização

Como corrigir o conflito de templates de curso entre Tutor LMS e Elementor

Como corrigir o WooCommerce Builder do Elementor que não edita páginas de loja

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