Se você está enfrentando problemas com o scroll horizontal no WordPress, especialmente em páginas feitas com o Elementor, saiba que esse erro é mais comum do que parece. Este recurso gratuito foi criado exatamente para desativar o scroll horizontal no Elementor de forma rápida, limpa e funcional.

Esse tipo de bug costuma ocorrer após importar templates, usar elementos customizados ou mexer em margens e larguras incorretamente. O resultado é uma experiência ruim no mobile e uma aparência desalinhada no desktop. Felizmente, a solução é simples: remover a rolagem lateral do site com um pequeno trecho de código CSS.

O Que Causa o Bug de Rolagem no Elementor?

Esse problema pode ser causado por diversos fatores:

• Seções com largura maior que 100%
• Colunas desalinhadas
• Margens negativas
• Efeitos de movimento que ultrapassam os limites da tela

O código que disponibilizamos atua diretamente nos elementos html e body, garantindo que eles respeitem a largura máxima e não permitam o scroll horizontal no WordPress.

Como Usar Este Código no Elementor

Após o download do arquivo .txt, siga os passos abaixo para aplicar o código no seu site:

1. Método via Personalizar do WordPress

• Vá em Aparência > Personalizar > CSS Adicional
• Copie o código do bloco de notas e cole no campo de CSS
• Clique em Publicar

2. Método direto no Elementor

• Abra qualquer página com Elementor
• Vá em Configurações do Site > CSS Personalizado
• Cole o código e clique em Atualizar

Pronto! O problema estará resolvido em segundos.

Por Que Remover a Rolagem Lateral no Site?

Eliminar esse erro melhora:

• A responsividade
• A experiência do usuário
• O desempenho do layout
• A estética geral do site

Se você trabalha com landing pages, blogs WordPress ou templates do Pack de Sites, aplicar essa correção garante um site mais profissional.