Olá Pessoal, bom dia!
Inserir ao meu CSS o seguinte código:
/Exibir produto em duas colunas mobile/
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
Essa foi a contribuição de um grande Analista que sempre contribui nesse grupo!
Acontece que na versão mobile somente os dois primeiros produtos que estão sendo exibidos corretamente, os demais estão sendo mostrados um debaixo do outro.
Meu Sete: fixxdecor.lojaintegrada.com.br
Estou usando o layout de disposição3 exibindo 3 produtos.