Como otimizar um site para dispositivos móveis?

Se o layout e o texto do seu site aparecerem distorcidos ou fora do lugar em dispositivos móveis, isso provavelmente se deve às configurações de tamanho personalizadas.

1. Configurações personalizadas de Altura e Largura:

O problema ocorre porque você definiu valores fixos em pixels para "Altura" e "Largura" no seu layout. Esses tamanhos fixos são aplicados em todos os dispositivos, fazendo com que o design fique distorcido em diferentes tamanhos de tela.

2. Configurações de tamanho Min/Máx:

Quando você define valores "Mínimo" ou "Máximo" para layouts projetados em telas largas, essas configurações são aplicadas também para visualizações móveis, causando desalinhamento no design.

1. Acesse "Estrutura da Página" na barra de ferramentas direita do criador de sites;
2. Revise toda a estrutura do layout e verifique todos os elementos com os tipos de layout "Horizontal" e "Vertical";
3. Na barra de ferramentas direita, selecione "Tamanho" e verifique todos os elementos:
   • "Largura" deve ser preferencialmente "100%" ou "Auto";
   • "Altura" deve ser "Auto";
   • Todas as caixas de seleção "Min" e "Max" na seção de tamanho devem estar desmarcadas (Isso garante que o layout se adapte automaticamente a diferentes tamanhos de tela).
4. Verifique os elementos em cada página;
5. Clique em "pré-visualização" para verificar o resultado.