--- title: "Como corrigir o erro do Mobile Menu no Astra Pro" url: https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o erro do Mobile Menu no Astra Pro ## O que é o Astra mobile menu que não funciona? O Astra mobile menu que não funciona e a falha em que o icone de hamburguer some no celular ou aparece mas não abre o painel de navegação. No Astra Pro o menu mobile e montado pelo Header Builder: a largura definida em Header Breakpoint decide a partir de quantos pixels o menu desktop colapsa para o icone de hamburguer, e o componente Off Canvas, posicionado na linha Mobile Header, e o painel que desliza quando o Toggle Button e tocado. Quando o Off Canvas não esta na linha mobile, quando o breakpoint esta mal calibrado ou quando o JavaScript do Astra e combinado pelo cache, o toque no hamburguer não tem efeito e a navegação fica inacessivel no smartphone. ## Como identificar - No celular, o icone de hamburguer aparece no cabeçalho mas, ao tocar, o painel de navegação não desliza e nada acontece. - O icone de hamburguer nem aparece no mobile: o menu continua na horizontal cortado, ou some por inteiro abaixo de uma certa largura de tela. - O Toggle Button abre um painel vazio, sem nenhum item de menu, porque o componente Off Canvas esta sem o menu atribuido. - No console do navegador (F12) surge um erro de JavaScript do tipo 'astra is not defined' ou 'Uncaught TypeError' logo ao tocar no hamburguer. - O menu mobile funciona no preview do Customizer, mas para de abrir no site publicado depois que o cache ou a otimização de JS e ativada. ## Como prevenir - Mantenha o tema Astra e o Astra Pro sempre atualizados para preservar o Mobile Header e o Off Canvas do Header Builder - Sempre que configurar o cache, exclua os scripts do Astra da combinacao e do delay de JavaScript desde o inicio - Depois de qualquer ajuste no menu, teste o hamburguer em um celular real e no modo responsivo do navegador antes de publicar - Confirme que ha um menu atribuido ao local Off Canvas em Aparencia -> Menus toda vez que criar um novo menu Erros relacionados - [Como corrigir o Mega Menu que não exibe submenus no Astra Pro](https://full.services/wp-fixer/corrigir-mega-menu-submenus-astra-pro/) - [Como corrigir o erro de Header/Footer no Astra Pro após atualização](https://full.services/wp-fixer/corrigir-header-footer-astra-pro/) - [Como corrigir o erro de CSS no Customizer do Astra Pro](https://full.services/wp-fixer/corrigir-css-customizer-astra-pro/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#article", "headline": "Como corrigir o erro do Mobile Menu no Astra Pro", "url": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:08-03:00", "dateModified": "2026-06-17T12:39:08-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Page Builders" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/" }, "wordCount": 863, "description": "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.", "articleSection": "Page Builders", "keywords": "astra menu hamburguer nao abre, astra mobile menu nao aparece, menu mobile astra pro sumiu, toggle button astra nao funciona", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://wpastra.com/docs/header-builder-astra/", "name": "Astra — Header Builder" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o erro do Mobile Menu no Astra Pro", "programmingLanguage": "CSS", "codeRepository": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q1", "name": "O icone de hamburguer aparece mas não abre. O que e?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q2", "name": "O icone de hamburguer nem aparece no celular. Por que?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q3", "name": "O painel mobile abre vazio, sem itens. Como resolver?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q4", "name": "Preciso do Astra Pro para ter o menu Off Canvas?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q5", "name": "O menu funciona no preview mas para no site publicado. O que mudou?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q6", "name": "Como descubro se ha conflito de JavaScript com outro plugin?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-mobile-menu-astra-pro/#faq-q7", "name": "Qual valor usar no Header Breakpoint do Astra?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```