JetMenu mobile não exibe: como corrigir o menu

Tipo Page Builders

Nome do erro JetMenu nao exibe no mobile EN: JetMenu mobile menu not showing

Severidade Atenção

Descrição O JetMenu não exibe no mobile quando o layout de menu mobile esta desativado, o breakpoint não bate com a largura da tela, ou cache e conflito de tema escondem o gatilho hamburguer após uma atualização do plugin ou do Elementor.

O que é JetMenu que não exibe no mobile?

O JetMenu e o plugin de mega menu da Crocoblock para Elementor: ele usa um layout de menu para a tela grande (desktop) e um layout separado para a tela pequena (mobile), trocado automaticamente quando a largura da janela cruza um ponto de quebra, o chamado breakpoint. No mobile, o menu completo da lugar a um botão hamburguer que abre o painel de navegação. Quando essa troca falha, o JetMenu simplesmente não aparece no celular: nem o menu, nem o botão que o abre.

O problema costuma surgir logo após atualizar o JetMenu, o Elementor ou o tema, porque a renderizacao do menu mobile depende do CSS e do JavaScript do plugin carregarem corretamente sobre a estrutura do Elementor. Cache antigo, breakpoint mal configurado, layout mobile vazio ou um conflito com o menu nativo do tema fazem o gatilho hamburguer ficar invisivel ou inerte, deixando o visitante de celular sem navegação.

Como identificar

No celular, a área onde deveria ficar o menu fica vazia: não aparece nem o menu completo nem o botão hamburguer.
O botão hamburguer aparece, mas ao tocar nele nada acontece e o painel de navegação não abre.
No desktop o JetMenu funciona normalmente, mas abaixo de certa largura de tela o menu some por completo.
Depois de atualizar o JetMenu ou o Elementor, o menu mobile que funcionava parou de exibir.
No console do navegador, em modo responsivo, surgem erros de JavaScript ligados ao script do JetMenu ao carregar a página.

Antes de começar: Antes de mexer no cabeçalho, regenerar CSS ou desativar plugins e tema em producao, faça um backup do site (arquivos e banco de dados) ou teste primeiro em um ambiente de staging, para poder reverter caso o cabeçalho quebre.

Como prevenir

Sempre teste o cabeçalho em modo responsivo do Elementor (desktop, tablet e mobile) antes de publicar mudancas no JetMenu.
Mantenha JetMenu, Elementor e o tema na mesma janela de versões estaveis, validando atualizações em staging antes de aplicar em producao.
Limpe o cache do site e regenere o CSS do Elementor como passo padrão logo após cada atualização do JetMenu.
Use apenas um menu por cabeçalho: evite manter o menu nativo do tema ativo junto com o JetMenu para não gerar conflito de CSS responsivo.

Causa

O toggle 'Enable Mobile Layout' (layout mobile) do widget JetMenu esta desligado, entao abaixo do breakpoint o plugin não tem layout para renderizar e o menu some no celular.
O valor de Breakpoint configurado no widget não casa com a largura real do dispositivo: o ponto de quebra esta baixo demais e a tela do celular ainda recebe o layout desktop, que estoura ou fica escondido.
O layout de menu atribuido ao mobile esta vazio ou aponta para um JetMenu Location inexistente, fazendo o painel hamburguer abrir sem itens ou nem renderizar.
Cache do site (plugin de cache ou CDN) ou cache do navegador serve o CSS e o JavaScript antigos do JetMenu após a atualização, antes do novo asset do plugin carregar.
O menu nativo do tema continua ativo no mesmo header e o seu CSS responsivo sobrepoe ou esconde o gatilho hamburguer do JetMenu no mobile.

Como resolver

Ative o layout mobile no widget JetMenu: Edite o cabeçalho ou a seção com o widget JetMenu no Elementor e confirme que a opção de layout mobile esta ligada. Sem ela, o plugin não gera o menu para telas pequenas e o celular fica sem navegação.
```
Elementor -> abra o template do cabeçalho com o widget JetMenu
Selecione o widget JetMenu -> aba Content -> ligue 'Enable Mobile Layout'
Escolha o layout de menu que deve aparecer no mobile e atualize a página
```
Ajuste o breakpoint do menu mobile: No widget JetMenu, confira o valor de Breakpoint em pixels. Ele define a largura abaixo da qual o layout mobile entra. Use um valor que cubra tablets e celulares para a troca acontecer na largura certa.
```
Selecione o widget JetMenu -> aba Content -> campo 'Breakpoint'
Defina o breakpoint cobrindo o mobile (ex.: 1024 para incluir tablets)
Visualize em modo responsivo (icone de dispositivos do Elementor) e confirme a troca
```
Verifique o layout e o location atribuidos ao mobile: Abra Crocoblock -> JetMenu e confirme que o layout usado no mobile tem itens e esta vinculado ao location correto. Um layout vazio ou um location inexistente faz o painel hamburguer abrir sem menu.
```
Painel WP -> Crocoblock -> JetMenu -> abra o menu/layout do mobile
Confirme que ha itens no menu e que o JetMenu Location existe e esta atribuido
Salve e reabra a página no celular para validar
```
Limpe os caches do site e do Elementor: Após atualizar o JetMenu ou o Elementor, limpe o cache do plugin de cache, do CDN e regenere o CSS do Elementor. Assets antigos servidos pelo cache são causa comum do menu mobile sumir depois de uma atualização.
```
Painel WP -> Elementor -> Ferramentas -> Regenerar CSS e Dados
Limpe o cache do seu plugin de cache e do CDN (ex.: Cloudflare)
Recarregue a página no celular com cache do navegador limpo
```
Isole conflito com o menu do tema e outros plugins: Se o hamburguer ainda não aparecer, desative o menu nativo do tema naquele header e teste desativando os demais plugins um a um. Outro menu ou CSS responsivo do tema pode estar escondendo o gatilho do JetMenu.
```
Remova ou oculte o widget de menu nativo do tema no mesmo cabeçalho
Painel WP -> Plugins -> desative os demais plugins um a um e recarregue o mobile
Troque para um tema padrão (ex.: Hello Elementor) para confirmar o culpado
```

CSS

/* Garante que o gatilho hamburguer do JetMenu fique visivel
   no mobile mesmo quando o CSS do tema tenta esconde-lo. */
@media (max-width: 1024px) {
    .jet-menu-render,
    .jet-mobile-menu-active {
        display: block !important;
    }
    .jet-mobile-menu__toggle,
    .jet-hamburger-trigger {
        display: inline-flex !important;
        visibility: visible !important;
    }
}

Perguntas frequentes

Por que o JetMenu não aparece no mobile depois que atualizei o plugin

Geralmente o cache servia os assets antigos ou o regenerar CSS do Elementor ainda não rodou. Limpe o cache do plugin de cache e do CDN, regenere o CSS do Elementor em Ferramentas e recarregue a página no celular com o cache do navegador limpo.

Como ativar o menu mobile do JetMenu

No Elementor, selecione o widget JetMenu, abra a aba de conteúdo e ligue a opção de layout mobile (Enable Mobile Layout). Depois escolha qual layout de menu deve aparecer no celular e salve. Sem essa opção ligada o plugin não gera menu para telas pequenas.

O hamburguer do JetMenu aparece mas o menu não abre, o que fazer

Isso costuma indicar JavaScript do JetMenu não carregado por cache ou conflito. Limpe o cache, regenere o CSS do Elementor e teste desativando outros plugins. Confira também se o layout atribuido ao mobile tem itens e um location valido.

O que e o breakpoint do JetMenu e por que ele esconde o menu

O breakpoint e a largura de tela em pixels abaixo da qual o layout mobile entra no lugar do desktop. Se o valor estiver baixo demais, o celular ainda recebe o layout desktop, que pode estourar ou ficar escondido. Ajuste o breakpoint para cobrir celulares e tablets.

Posso usar o JetMenu junto com o menu nativo do meu tema

Não e recomendado no mesmo cabeçalho. O CSS responsivo do tema pode sobrepor ou esconder o gatilho hamburguer do JetMenu no mobile. Use apenas um menu por header e remova o widget de menu nativo do tema daquele local.

O JetMenu precisa do Elementor para funcionar no mobile

Sim. O JetMenu e um plugin da Crocoblock construido para o Elementor, e o menu, incluindo o layout mobile e o gatilho hamburguer, e montado a partir do widget JetMenu dentro do construtor. Mantenha o Elementor ativo e atualizado.

Como saber se o problema e do JetMenu ou de outro plugin

Desative os demais plugins um a um e troque para um tema padrão como o Hello Elementor, recarregando o mobile a cada teste. Se o menu voltar, reative os itens até identificar o plugin ou tema que estava escondendo o gatilho do JetMenu.

Grave

Como corrigir o erro de licença da Crocoblock e reativar

O erro de licença da Crocoblock impede ativar e atualizar os JetPlugins quando a chave não valida no Jet Dashboard, geralmente por limite de sites atingido, URL do site fora do Manage Sites ou conexão de saída bloqueada com o servidor da Crocoblock.

Atenção

Como corrigir o JetSearch que não retorna resultados relevantes no WordPress

O JetSearch deixa de retornar resultados relevantes quando o widget de busca aponta para a fonte (post type) errada, não inclui os campos certos na pesquisa ou tem um limite de resultados muito baixo, fazendo a busca ignorar produtos, custom fields e taxonomias.

Atenção

Como corrigir o Page Title que não oculta no Astra Pro com Elementor

No Astra com Elementor, o titulo da página não oculta quando a opção por página e sobrescrita por um ajuste global do Personalizar, quando o template do Elementor não e o esperado, ou quando o CSS antigo em cache continua exibindo o cabeçalho. A visibilidade do titulo no Astra e definida em camadas, e a camada errada vence.

Atenção

Como corrigir a navegação do slider que não funciona no Happy Addons

O Happy Addons slider não funciona quando a opção de navegação está definida como None, quando o Swiper do Elementor não inicializa por conflito de JavaScript ou cache, ou quando o slider tem um único slide, fazendo as setas e os dots de navegação sumirem ou não avançarem.

Atenção

Como corrigir o redirecionamento errado do Login Form no Ultimate Addons

O redirecionamento errado do Login Form no Ultimate Addons ocorre quando o campo Custom Redirection Link fica vazio, aponta para uma URL invalida, ou e sobrescrito por um plugin de segurança ou de membros que intercepta o login antes do widget.

Grave

Como corrigir os Custom Post Types do JetEngine que não aparecem no frontend

CPT JetEngine que não aparece no frontend quase sempre vem de Public ou Has archive desligados no Post Type, ou de regras de reescrita desatualizadas. Marcar essas opções e regravar os permalinks resolve.

Setores

Extensões

Integrações

Como corrigir o JetMenu que não exibe no mobile no WordPress

O que é JetMenu que não exibe no mobile?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o erro de licença da Crocoblock e reativar

Como corrigir o JetSearch que não retorna resultados relevantes no WordPress

Como corrigir o Page Title que não oculta no Astra Pro com Elementor

Como corrigir a navegação do slider que não funciona no Happy Addons

Como corrigir o redirecionamento errado do Login Form no Ultimate Addons

Como corrigir os Custom Post Types do JetEngine que não aparecem no frontend

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