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.

Microsoft Clarity: conheça a ferramenta de UX gratuita e saiba como usar

Descubra detalhes sobre a ferramenta de UX gratuita e saiba como usar o Microsoft Clarity para potencializar a experiência do
Picture of Mariane Bom Faria

Mariane Bom Faria

Guest post: o que é e como usar a estratégia para ganhar visibilidade na internet 

Entenda o que é o guest post e como a estratégia pode ser usada para elevar a visibilidade do seu
Picture of Mariane Bom Faria

Mariane Bom Faria

Teste A/B no marketing digital: o que é e como colocar em prática? 

Conheça o conceito de teste A/B e como ele pode ser usado nas suas estratégias para gerar melhores resultados!
Picture of Mariane Bom Faria

Mariane Bom Faria

O que é SERP? Entenda o conceito e como usar SEO para rankear no Google

Saiba o que é SERP e como você pode usar estratégias de SEO para performar bem no Google e em
Picture of Mariane Bom Faria

Mariane Bom Faria

Pop-up: quando usar e como criar no WordPress?

Saiba o que é pop-up, sua importância para estratégias de marketing e quando usar no site!
Picture of Mariane Bom Faria

Mariane Bom Faria

KPI para site: o que é e quais são indicadores-chave para ficar de olho!

Descubra onde encontrar e como usar KPI para analisar e melhorar o desempenho do site, com ferramentas gratuitas e foco
Picture of Mariane Bom Faria

Mariane Bom Faria