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.

    View post on imgur.com

    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 😬

    Iniciador del debate ebregrow

    (@ebregrow)

    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)
  • El debate ‘Modificar productos Woocommerce por columnas en móvil’ está cerrado a nuevas respuestas.