For AI agents: the complete documentation index is available at https://docs.clickmax.dev/llms.txt, the full documentation bundle is available at https://docs.clickmax.dev/llms-full.txt, and this page is available as Markdown at https://docs.clickmax.dev/faq/funnels/make-a-page-responsive.md.
  • Português
  • 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.

    1. Com desktop selecionado, selecione o elemento e configure o visual inicial no painel de edição.
    2. Alterne para mobile no seletor de dispositivo.
    3. Selecione o elemento e ajuste o tamanho da fonte, as margens ou os espaçamentos para a tela menor.
    4. 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.
    5. 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.

    Relacionados