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

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.

Erros relacionados

- [Como corrigir o JetPopup que não abre no mobile](https://full.services/wp-fixer/corrigir-jetpopup-nao-abre-mobile/)
- [Como corrigir o erro de conexão entre JetEngine e Elementor](https://full.services/wp-fixer/corrigir-conexao-jetengine-elementor/)
- [Como corrigir o JetSmartFilters que não filtra dados dinâmicos](https://full.services/wp-fixer/corrigir-jetsmartfilters-nao-filtra-jetengine/)

## 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

1. 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
```

2. 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
```

3. 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
```

4. 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
```

5. 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
```


## Código

```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.

**Fonte:** [Crocoblock — JetMenu Knowledge Base](https://crocoblock.com/knowledge-base/jetmenu/)