Ver o site no computador, no tablet e no celular dentro do editor

Mais da metade dos visitantes de um site de imóveis chega pelo celular. Por isso o editor tem três botões no alto, ao lado esquerdo da barra, que mudam a largura da prévia: Computador, Tablet e Celular. Você edita normalmente nos três; muda só o tamanho da janela do site.

Os três botões

• Computador (ícone de monitor): a prévia ocupa toda a largura disponível. É o modo ao abrir o editor.
• Tablet (ícone de tablet): prévia com 820 px de largura.
• Celular (ícone de celular): prévia com 390 px de largura, centralizada, como a tela de um smartphone.

suaimobiliaria.realimob.com.br/painel/editor⤢

123

1. 1Computador: prévia na largura toda.
2. 2Tablet: 820 px de largura.
3. 3Celular: 390 px de largura.

Como usar

1. Clique no ícone do celular. A prévia se estreita. O editor avisa: "Vendo como celular. Ajustes só do celular: escolha o bloco → aba Estilo → "No celular"."
2. Role a página. Confira o menu (vira o botão de três riscos), o banner, as vitrines de imóveis e os formulários.
3. Clique nos blocos e edite como de costume. As mudanças aparecem na hora.
4. Volte ao computador clicando no ícone de monitor.

suaimobiliaria.realimob.com.br/painel/editor⤢

123

1. 1Clique no ícone do celular.
2. 2A prévia fica estreita, como a tela de um smartphone.
3. 3Role dentro da prévia para ver a página inteira.

Atenção ao tablet

O site troca do desenho de computador para o de celular em telas de até 760 px. Como o tablet do editor tem 820 px, ele ainda mostra o desenho do computador, só que mais apertado. Isso quer dizer que:

• blocos configurados como "Só no celular" ficam escondidos também no tablet;
• os "ajustes só do celular" (veja Ajustes só do celular) não aparecem no modo Tablet; confira-os no modo Celular.

suaimobiliaria.realimob.com.br/painel/editor⤢

12

1. 1Tablet: ainda usa o desenho de computador (o corte do celular é 760 px).
2. 2Largura de 820 px.

O que conferir no celular

• Títulos que quebram em linhas demais (diminua o texto ou use o alinhamento "Centralizado").
• Espaços muito grandes entre seções (use "Espaço em cima e embaixo" do celular).
• Seções com colunas: por padrão cada coluna fica embaixo da outra; dá para deixar Lado a lado.
• Botões e links fáceis de tocar com o dedo.

Perguntas frequentes

O bloco sumiu quando mudei para o celular.

Ele deve estar configurado como "Só no computador" na aba Estilo (campo "Mostrar em"). Para editá-lo, selecione-o na aba Blocos.

Estou no modo Computador e não vejo um bloco que acabei de criar.

Se ele está como "Só no celular", troque para o botão de celular ou mude o campo "Mostrar em".

Veja também

Ajustes só do celular · Mostrar em: computador ou celular · Painel no celular