Boa tarde, alguem sabe se tem como exibir 2 colunas de produtos no Mobile?
Igual essa foto
@media only screen and (max-width: 767px){
div#listagemProdutos li.listagem-linha > ul {
display:flex;
flex-wrap: wrap;
}
div#listagemProdutos li.listagem-linha > ul > li {
flex: 50%;
margin: 0;
}
}
3 curtidas
Nú, show de bola
Agora só mais uma coisa, tem como diminuir essa lupinha e o escrito ver mais? ou ate tirar
@media only screen and (max-width: 479px){
.acoes-produto-responsiva {
top: unset;
right: unset;
width: 90%;
text-align: center;
bottom: 0;
}
.listagem .listagem-item {
padding-bottom: 50px;
text-align:center;
}
div#listagemProdutos li.listagem-linha > ul > li {
display: flex;
margin-bottom: 30px;
}
}
mesmo assim, se quiser a fonte menor…
@media only screen and (max-width: 479px){
.acoes-produto-responsiva {
top: unset;
right: unset;
width: 90%;
text-align: center;
bottom: 0;
}
.listagem .listagem-item {
padding-bottom: 50px;
text-align:center;
}
div#listagemProdutos li.listagem-linha > ul > li {
display: flex;
margin-bottom: 30px;
}
.acoes-produto-responsiva.visible-phone a.tag-comprar.fundo-principal *{
font-size: 15px
}
.acoes-produto-responsiva .tag-comprar i {
top: -2px;
}
}
2 curtidas