Jump to content

Mejorar catalogos de categoría movil (ayuda)


Recommended Posts

Saludos! 
Viendo mi tienda por el celular se vee horrible, exactamente en las categorias. Los letreros de "nuevo" y "fuera de stock" se veen muy grandes. por lo que complica visualizar las imagenes. y el corazón tambn tapa mucho. Muestro una imagen con la ventana del navegador de pc al minimo y la segunda con el pantallazo del celular. 

Quisiera que se vea 1 columna bien grande. el thema es el predeterminado para la versión 1.7.8.9 


mi tienda: https://tiendamilu.cl/


image.png.626c16274e2e72fd616c428b10f8842d.pngImagendeWhatsApp2024-07-25alas16_37.51_77d46d43.thumb.jpg.77b56bba47dff39d1d75a6792ceae95c.jpg

Link to comment
Share on other sites

  • 3 weeks later...

Hola, qué tal, ahora mismo tienes puesto en el archivo base.css de tu tema:

@media (max-width: 991px) {
  #products .products-grid .products .product-item {
    width: 50%;
  }

}

lo cual indica 2 productos para dispositivos con un máximo de anchura de 991, lo ideal sería que para móviles fuera 1, con lo que bastaría con añadir a ese archivo este estilo:

@media (max-width: 567px) {
  #products .products-grid .products .product-item {
    width: 100%;
  }

}

Un saludo

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...