Como montar um layout com containers no Elementor

Desenhe a hierarquia mínima necessária; cada nível adicional torna manutenção e adaptação mais trabalhosas.

Antes de começar

Adicione um contêiner pai e coloque contêineres filhos ou widgets dentro dele conforme a estrutura.

Exemplo de árvore para uma seção de apresentação: Pai (Column, Full Width, gap 24 px) > Linha de conteúdo (Row, Boxed) > Filho esquerdo (Column: título, texto, botão) + Filho direito (Column: formulário). Cada widget fica dentro do filho correspondente; nomes entre parênteses são controles/propriedades, e os valores são apenas ilustrativos.
Crie primeiro o pai e os dois filhos, depois arraste os widgets para a estrutura. No pai, ajuste Layout > Direction e Gap; em cada filho, use Content Width: Boxed se quiser limitar conteúdo ou Full Width se quiser que o contêiner ocupe a largura disponível. Ajuste larguras de filhos sem ultrapassar 100% quando somadas com o gap.
No breakpoint móvel, mude o pai para Column, defina filhos como 100% e confirme a ordem sem depender de efeitos visuais. Confira HTML semântico, foco, leitura pelo teclado, texto longo e ausência de overflow antes de publicar.

Evite aninhar contêineres sem necessidade; nomes de propriedades podem variar entre editor v3 e v4.

Explore o núcleo de ferramentas e hospedagem para ver orientações relacionadas.

Fontes oficiais: adicionar elementos a uma página e definir layout de contêiner — Elementor. Os rótulos podem variar entre editor clássico e Atomic; preserve uma hierarquia simples que corresponda à ordem de leitura.