0

Bom dia,

Meu problema é o seguinte:

Estou usando o PrestaShop. Preciso que aquelas imagens do print fiquem uma embaixo da outra, quando diminuir a resolução ou quando for acessada de um dispositivo móvel, pois assim elas ficam ilegíveis. Seria apenas deixa-las uma a baixo da outra, não sei se media querie resolveria. Grato pela ajuda.

inserir a descrição da imagem aqui

2
  • Coloque o código que você está usando para que possamos te ajudar.
    – RFL
    Commented 13/03/2017 às 12:57
  • Opa, esqueci desse detalhe, obrigado, e também dizer que estou usando o PrestaShop. Commented 13/03/2017 às 13:07

1 Resposta 1

1

Mude a div com a classe "col-xs-4 col-sm-4" para "col-xs-12 col-sm-4". O grid do bootstrap funciona de resoluções menores para maiores. Caso coloque apenas col-xs-4 esse mesmo tamanho de grid será setado para todas resoluções como sm md lg. Colocando o col-xs-12 as imagens ficaram uma abaixo da outra em resoluções menores e colocando col-sm-4 o mesmo grid que foi mostrado será mantido para resoluções maiores.

2
  • Obrigado @matheuscla. Irei testar e lhe retorno, muito obrigado. Commented 13/03/2017 às 13:50
  • Funcionou, não tinha percebido isso cara, haha. Obrigadão mesmo. Commented 13/03/2017 às 13:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .