Soporte » Diseño – Temas y plantillas » Modificar productos Woocommerce por columnas en móvil

  • Resuelto ebregrow

    (@ebregrow)


    Hola,
    necesito modificar los productos insertados en una página de WordPress mediante shortcodes para poder visualizar más de un producto (2 productos) en la misma fila.
    https://i.stack.imgur.com/8LBQw.png

    He añadido un código CSS adicional pero no consigo hacerlo bien.
    https://i.stack.imgur.com/pJ0hE.png

    Este es el código que he intentado:

    @media only screen and (max-width: 768px) {
     .products {
         width: 50%;
     }
    }

    Gracias de antemano.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 2 respuestas - de la 16 a la 17 (de un total de 17)
  • Lo siento, si es por el tema casi mejor cambiarlo por otro.
    Yo tengo neve y su child, he ido probando unos cuantos en las últimas dos semanas 😬

    Hola
    Finalmente he podido resolver esto con este código:

    @media (max-width: 767px) {
      div.woocommerce ul.products li.product {
        flex-basis: 50%;
        max-width: 50%;
      }
    }

    Gracias igualmente por vuestra ayuda.

Viendo 2 respuestas - de la 16 a la 17 (de un total de 17)
  • Debes estar registrado para responder a este debate.