Columnas de productos en smartphone

[ipraetoriux]

tenes que modificar este estilo

Código CSS:

.product-list li, .related li, .upsells li {width: 22.3% !important;}
 

tenes que agregar un media query, y determinar, que si el viewport es menor a por ejemplo 300px, cada producto te ocupe el 100%, asi se ordenan uno debajo del otro

Código CSS:

@media only screen and (max-width: 300px){
 .product-list li, .related li, .upsells li {width: 100% !important;}
 
}