Como remover o scroll lateral no mobile

Para eliminar a rolagem horizontal indesejada no celular, aplique um CSS de overflow no CSS da página.

Quando acontece

No celular a página 'arrasta' para os lados, mostrando uma barra ou espaço em branco lateral. Geralmente causado por um elemento/faixa/carrossel que vaza a largura da tela.

Causa

Algum elemento (faixa sem limite, carrossel, seção com largura maior que a tela) ultrapassa a largura do viewport e cria rolagem horizontal.

Solução

1. No Elementor, abra as Configurações da Página (ícone/pasta ao lado da logo do Elementor).
2. Vá na área de CSS personalizado da página.
3. Cole o código:

html, body {
  width: 100%;
  overflow-x: hidden;
}
[data-elementor-type="wp-page"] {
  overflow: hidden !important;
}
[data-elementor-type="wp-post"] {
  overflow: hidden;
}

O que faz: trava a página na largura exata da tela e esconde qualquer coisa que esteja "vazando" para os lados — tanto nas páginas quanto nos posts do Elementor. É isso que elimina a rolagem lateral no celular.

Como usar: copie o código acima e cole no campo de CSS personalizado da página (Configurações da Página do Elementor). Não precisa mudar nada.

4. Como alternativa mais simples, cole este CSS:

body { overflow-x: hidden !important; }

Como usar: cole no mesmo campo de CSS personalizado da página. É uma versão mais simples (trava só o corpo) — não precisa mudar nada. 5. Salve e teste no celular real. 6. Aplique esse CSS nas configurações GERAIS da página/site, não em um container específico.