Ajustes só do celular: espaço, alinhamento, preenchimento e margem
Na aba Estilo de cada bloco, a parte No celular muda espaços e alinhamento apenas em telas pequenas, sem mexer no computador.
Neste artigo
Um bloco que fica lindo no computador às vezes fica "folgado" ou torto no celular. Para isso, a aba Estilo de todo bloco livre tem um grupo chamado No celular, com ajustes que valem somente em telas pequenas. O que você mudar ali não altera o computador.
- Os ajustes aparecem nos blocos livres (banner, vitrines, textos etc.). As partes fixas (cabeçalho, rodapé) não têm aba Estilo.
- "Celular" aqui significa tela de até 760 px de largura.
- Clique no botão de celular no alto do editor para conferir o resultado na prévia.
Como chegar
- Clique no botão de celular (ícone de smartphone, no alto). O editor mostra a dica "Você está vendo o celular: os ajustes só do celular ficam na aba Estilo, em "No celular"".
- Escolha o bloco na prévia ou na aba Blocos.
- Abra a aba Estilo do bloco (ao lado de Conteúdo) e role até o título No celular.
123- 1Primeiro, escolha o modo Celular.
- 2A dica lembra onde ficam os ajustes.
- 3Abra a aba Estilo do bloco.
Os quatro ajustes
Espaço em cima e embaixo
Opções: Igual ao computador (padrão), Nenhum, Pequeno, Médio e Grande. No celular os espaços valem: Nenhum 0 px, Pequeno 24 px, Médio 44 px e Grande 72 px (em cima e embaixo). Útil para diminuir blocos que ocupam muita tela.
Alinhamento do texto
Opções: Igual ao computador, À esquerda, Centralizado e À direita. Por exemplo, um título à esquerda no computador pode ficar centralizado no celular.
Preenchimento (padding)
O espaço por dentro do bloco, em pixels, com quatro caixinhas: Cima, Direita, Baixo, Esquerda. Aceita de 0 a 400. Deixe vazio o lado que não quer mexer.
Margem (margin)
O espaço por fora do bloco, também em pixels e nos quatro lados. Aceita de -300 a 400 (negativo "puxa" o bloco para perto do vizinho).
1234- 1Espaço em cima e embaixo só no celular.
- 2Alinhamento do texto só no celular.
- 3Preenchimento (espaço por dentro), em px.
- 4Margem (espaço por fora), em px.
O pequeno cadeado ao lado das quatro caixas faz os quatro lados mudarem juntos. Mais detalhes em Espaços e margens.
Outros controles que ajudam no celular
- Mostrar em (aba Estilo): deixe um bloco "Só no computador" ou "Só no celular". Veja Mostrar em.
- Seção com colunas › No celular: "Uma coluna embaixo da outra" (padrão) ou "Lado a lado".
- Vitrine de imóveis › Formato: o "Trilho" rola de lado com o dedo, bom no celular.
123- 1Espaço do computador (o do celular fica mais abaixo).
- 2Largura do bloco.
- 3Mostrar em: computador, celular ou os dois.
Perguntas frequentes
Mudei o espaço do celular e nada aconteceu na prévia.
Confirme que você está no botão de celular. No computador, o campo "Espaço em cima e embaixo" de cima é que vale.
Quero voltar ao padrão.
No espaço e no alinhamento, escolha "Igual ao computador". Em preenchimento e margem, apague os números.
Veja também
Computador, tablet e celular · Espaços e margens · Alinhamento e largura