Modificar apariencia productos en el móvil
En la versión móvil de la página web, los productos destacados de la página principal se ven de uno en uno y me gustaría que se vieran de dos en dos. ¿Se puede modificar?
La página web está hecha con wordpress
Os dejo el link de la página web. http://www.cosmetica-herbal.com/
1 Respuesta
Si introduces tu página web en nuestra herramienta de visualización de páginas web desde diferentes dispositivos (en la url http://webart.es/herramientas-web/ver-mi-pagina-web-en-movil-tablet-online/) verás que los productos que deben mostrarse según el dispositivo desde el que se visualiza lo marca el código fuente de WooCommerce por CSS.
He buscado en repositorio de WooCommerce y hay otro usuario que solucionó el problema de la siguiente forma:
Para mostrar dos productos por línea introduce en "Custom CSS" el siguiente código:
@media only screen and (max-width: 800px) {
.fusion-body .products li {
width: 49% !important;
display: inline-block;
}
}
Puedes ver el post original en https://wordpress.org/support/topic/ow-to-show-2-or-3-columns-of-products-in-mobile-devices
