Como estruturar uma Landing Page na versão Mobile

Larissa

Última atualização há um mês


Após estruturar a Landing Page para a versão Desktop, é necessário estruturá-la para dispositivos móveis.

Para isso, no canto superior do Landing Page Builder, clique no botão com o "ícone de telefone" para alternar para o Modo Mobile.

Para mover um componente, clique sobre ele com o mouse para selecioná-lo e arraste-o até o local desejado.


Também é possível mover os componentes utilizando as teclas de seta do teclado: ← ↑ → ↓, conforme exemplificado abaixo:

Para redimensionar um componente, clique sobre ele e no canto inferior direito, clique na alça de redimensionamento e arraste-a para redimensionar o conteúdo, conforme exemplificado abaixo:
Alinhe todos os componentes, deixando o eixo x = -150, assim ficaram alinhados verticalmente, conforme o exemplo abaixo:

E ajuste o comprimento do componente, deixando em 300px, conforme o exemplo abaixo:

Caso os componentes fiquem com pouco espaço entre eles, ajuste aumentando o tamanho da Seção de Header, clicando na linha preta no final da seção e arrastando para baixo, conforme exemplificado abaixo:  

Após tudo estruturado, abra o link da Landing Page no seu celular para visualização.

Este artigo foi útil?

0 de 0 gostaram deste artigo

Ainda precisa de ajuda? Envie-nos uma Mensagem