Pergunta no WordPress Page Builder – WordPress Beaver Builder: Colunas empilhadas umas sobre as outras no meio

Um usuário perguntou ?

Olá,

Se eu for para Configurações de coluna > Avançado > Largura média do dispositivo e selecionar uma largura personalizada, posso selecionar uma largura de coluna personalizada para um dispositivo médio de 25%.

Isso funciona perfeitamente.

Para dispositivos médios, as colunas à esquerda não flutuam. Eles são empilhados uns sobre os outros.

Portanto, para dispositivos médios, não posso ter colunas 4 x 25% próximas umas das outras.

Sobre

(@hinampaksh)

2 anos, 10 meses atrás

Olá @dejan85,

O ponto de interrupção padrão para um dispositivo pequeno é 768px e o ponto de interrupção médio do dispositivo é 992px. Os iPads têm uma largura de dispositivo de 768px, portanto, estão dentro do suporte para dispositivos pequenos. Talvez seja isso que causou o seu problema? Tente converter a miniatura do pequeno dispositivo para 767px e veja se isso acontece. ?

Ben

(@dejan85)

2 anos, 10 meses atrás

Olá ben,

Posso confirmar que tudo funciona perfeitamente.

Por padrão, 4 colunas exibirão 25% de largura em 768px quando tudo estiver bloqueado em uma única coluna.

O que eu preciso é de 25% em 768px (paisagem de tablet) e 100% em um celular, para que eu possa optar por CSS personalizado.

Definir 25% para 768px mostrará 25% para 320px, o que é ilegível.

Para evitar confusão, minha recomendação é adicionar essas informações aos pontos de interrogação ao revisar as opções nas configurações da coluna:

“Esta coluna deve ter a largura deste tablet de tamanho médio”: “A largura desta coluna em dispositivos de tamanho médio, como o modo retrato do tablet, deve ter até 992 pixels de largura.”

E

“Largura desta coluna em pequenos dispositivos como telefones.” Ele deve ler: “A largura desta coluna em dispositivos pequenos, como telefones e tablets, é de até 768 pixels”.

Sobre

(@hinampaksh)

2 anos, 10 meses atrás

Excelente! E obrigado pelos comentários! ?

Divirta-se com o BB!

Ben

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *