Anote a largura real do viewport e identifique o elemento que ultrapassa a área disponível.
Antes de começar
No editor, selecione o contêiner e abra Layout > Container. Escolha Boxed se quiser limitar a largura do conteúdo dentro do contêiner, ou Full Width se quiser controlar a largura do próprio contêiner. No campo Width, selecione a unidade disponível (px, %, vw) e use o ícone responsivo para alternar entre desktop, tablet e celular; largura e altura podem ser definidas por ponto de interrupção.
Passo a passo
-
Exemplo reproduzível: em um contêiner filho de duas colunas, use 50% por coluna em desktop, depois em modo celular escolha direção Column e largura 100% para cada filho. O valor serve só ao exemplo: verifique o espaço do gap e se as colunas realmente cabem.
-
Teste largura em 320 px, largura intermediária e viewport ampla; aumente o texto e preencha campos longos. Corrija margens laterais que excedam a viewport e não use
Overflow: Hiddensó para esconder o defeito, pois isso pode cortar conteúdo. -
Salve e confira a página publicada em aparelhos reais quando possível. Se uma propriedade tiver ícone de dispositivo, confirme que o ajuste está no breakpoint pretendido e não sobrescreveu os demais.
Limites e cuidados
Valores fixos largos podem causar overflow; prefira testar e ajustar no contexto do conteúdo.
Próxima leitura
Explore o núcleo de ferramentas e hospedagem para ver orientações relacionadas.
Fontes oficiais: layout de contêineres e design responsivo com contêineres — Elementor. Os controles responsive disponíveis dependem da propriedade e da versão do editor.