Especifique o número de colunas para cada dispositivo

Neste artigo, você aprenderá como personalizar sua página PageFly para dispositivos móveis com a quantidade desejada de colunas por linha.

Página padrão com design responsivo

Vamos dar uma olhada no exemplo em que temos um layout de página com 1 linha e 6 colunas.

specify the number of columns

Depois de alternar para o modo Móvel, você verá essas colunas empilhadas verticalmente.

Então, como podemos fazer o layout da página móvel ter 2 linhas, com a 1ª linha contendo 2 colunas e a 2ª linha contendo 4 colunas?

Layout móvel com 2 colunas na 1ª linha e 4 colunas na 2ª linha

Etapa 1: Clique no botão da coluna

O resultado será como na imagem abaixo.

Observe que, se você usar esta etapa, precisará apenas de 2 colunas para fazê-lo.

Etapa 2: ajustar o espaçamento manualmente

Você pode ajustar o espaçamento das colunas manualmente para definir 2 colunas na 1ª linha e 4 colunas na 2ª linha

É isso aí. Como você pode ver, o PageFly pode ajudá-lo a criar qualquer layout de página desejado em diferentes dispositivos. Proporcionando assim, uma melhor experiência do cliente, levando a um aumento na taxa de conversão.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages