Neste tutorial, você aprenderá um método eficaz para ignorar o CSS do mega menu quando ocorre um problema de não abertura do menu para dispositivos móveis, garantindo uma navegação suave e consistente para os usuários.
O problema em questão acontece quando o menu de hambúrguer é clicado.
Para resolver isso, adicionaremos uma classe CSS aos arquivos a serem removidos da otimização de entrega do CSS da ferramenta de otimização de arquivos.
Passo a passo de como ignorar CSS do widget mega menu quando ocorrer quebras
- Acesse o painel da ferramenta de otimização: Clique no atalho do WP Rocket que aparece na barra superior do painel do WordPress.
2. Otimizar arquivos: Acesse a opção otimizar arquivos CSS e JS.
3. Arquivo CSS: Desça até a seção Otimizar a entrega do CSS, e no campo de texto adicione esse arquivo CSS, /packages/plugins/elementor-pro/assets/css/widget-mega-menu.min.css
4. Salvar alterações: Desça até o final da página e clique no botão Salvar alterações.
