Responsivo – Como editar páginas para Celular, Tablet e Desktop

Ter o seu layout responsivo para todas as telas é fundamental e indispensável, ele precisa ser bem pensando para celulares e tablets além de Desktop.

Desse modo, o Elementor tem este modo integrado, onde você edita páginas individualmente para cada dispositivo.

Vem conferir como fazer o uso dessa ferramenta importantíssima!

Layout responsivo para celular, tablet e desktop

  1. Primeiramente, entre no modo Editar com Elementor na página que deseja alterar.
  2. Depois clique no ícone de Modo Responsivo, na barra inferior esquerda do editor.
ícone modo responsivo, celular tablet e desktop elementor
  1. Assim, a tela responsiva será aberta e você poderá fazer as edições individuais necessárias para o tamanho de tela desejado.
tela responsiva editor elementor
  1. Você também pode escolher os tamanhos exatos que quiser nas caixas de W (largura) e H (altura), ou puxar a tela como quiser pelas alças cinzas.
configurações de tamanhos responsividade

Enfim, basicamente este é o modo que te dará liberdade para mexer em tamanho de fontes, imagens e muitos outros elementos no editor, em formato mobile.

Também é interessante destacar uma parte responsiva de seções dentro do editor, como a opção de inverter posição de colunas e até ocultar em certos dispositivos.

Basta você ir até a aba Avançado e clicar em Responsivo, dentro da seção desejada.

editar seção responsivo

Mais detalhes sobre responsividade do Elementor, visite este artigo para informações completas

Visite também nossos outros tutoriais para saber mais sobre como editar as suas páginas como um pro.

Decisões estratégicas: como alinhamos nosso site à estratégia de crescimento?

Entenda como a tomada de decisões estratégicas pode impactar o rumo do site e alinhá-lo às táticas de crescimento do
Picture of Mariane Bom Faria

Mariane Bom Faria

Seu site está pronto para vender? Faça este checklist com 7 itens!

O seu site está pronto para vender? Confira este checklist com as principais estratégias que você precisa observar!
Picture of Mariane Bom Faria

Mariane Bom Faria

Guia prático: otimização de sites para conversão

Veja neste guia prático diversas dicas para fazer a otimização de sites para a conversão. Confira passos que vão gerar
Picture of Mariane Bom Faria

Mariane Bom Faria

Estratégias para destacar sua marca nos resultados de IA

Descubra estratégias para destacar sua marca nos resultados de IA e, assim, aumentar as chances de sua marca aparecer para
Picture of Mariane Bom Faria

Mariane Bom Faria

Aprenda a criar conteúdo útil que engaja seu público e leva visitantes para o site

Entenda o que é conteúdo útil para o Google e como criar materiais que atraiam visitantes para o seu site!
Picture of Mariane Bom Faria

Mariane Bom Faria

Marketing de funil: como usar seu site para vender mais!

Conheça a estratégia de marketing de funil e veja como usá-la para atrair mais pessoas e convertê-las em clientes!
Picture of Mariane Bom Faria

Mariane Bom Faria