Como deixar a página responsiva no Clickmax?
Use o seletor de dispositivo no topo do editor para ajustar fontes e espaçamentos no mobile sem alterar o desktop. A versão mobile herda os estilos do desktop até você personalizar cada propriedade para a tela menor.
Antes de começar: abra uma página no editor com uma conta que tenha permissão para editá-la.
- Com desktop selecionado, selecione o elemento e configure o visual inicial no painel de edição.
- Alterne para mobile no seletor de dispositivo.
- Selecione o elemento e ajuste o tamanho da fonte, as margens ou os espaçamentos para a tela menor.
- Volte para desktop e confira que o ajuste feito no mobile não mudou essa versão. Alterne novamente para mobile para conferir o resultado.
- Salve e publique a página para disponibilizar os ajustes aos visitantes.
Por exemplo: um título com fonte de 32 px no desktop aparece com esse tamanho no mobile enquanto não houver um ajuste específico. Se você mudar a fonte para 20 px com mobile selecionado, o desktop continua com 32 px. Depois, mudar o desktop para 36 px não substitui os 20 px escolhidos para o mobile. As propriedades que você não personalizou no mobile continuam acompanhando o desktop.
As alterações de conteúdo, como trocar as palavras de um título, valem para as duas versões. As pré-definições do guia de estilo também são compartilhadas e podem trazer tamanhos próprios para cada dispositivo; personalize as propriedades do elemento para fazer ajustes locais. Os dispositivos são visualizações da mesma página, não cópias independentes.
Se não funcionou
- O ajuste não aparece no celular: confirme que mobile estava selecionado ao editar e que você salvou e publicou a página.
- Uma mudança no desktop não aparece no mobile: confira se essa propriedade já recebeu um ajuste específico no mobile.
- O texto mudou nas duas versões: isso é esperado para alterações de conteúdo. Para variar o visual, use as configurações de estilo no painel de edição.