[Resolved] Columnas de productos en la versión móvil

Home Forums Support Columnas de productos en la versión móvil

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #980774
    maiyet

    Hello, I have a problem with generate press and Woocommerce, since by default I organize the products two by two and it looks disorganized, in appearance / screen design / woocommerce it gives me the option to adjust the number of columns in the mobile version but the problem continues to present me, a colleague helped me with a code so that on the store page they were organized one by one and the add to budget button covered the desired size, but now I want the products to appear in the home of the store and I continue to present the problem, please help me.
    I speak Spanish, the translator is the one who writes this text
    Houseofcars.cl
    Hola, tengo un problema con generate press y Woocommerce, ya que por defecto me organiza los productos de dos en dos y se ve desorganizado, en apariencia / diseño de pantalla / woocommerce me da la opción de ajustar el numero de columnas en la versión mobile pero me sigue presentando el problema, un colega me ayudo con un codigo para que en la página de la tienda se organizaran de uno en uno y el botón de añadir al presupuesto me abarcara el tamaño deseado, pero ahora quiero que los productos me aparezcan en el home de la tienda y sigo presentando el inconveniente, por favor ayudenme.
    hablo español, el traductor es quien redacta esté texto
    Houseofcars.cl

    #980970
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I’m not sure I’m seeing the issue. Is it happening on your main shop archive?

    What exactly should I be looking for? Are you wanting the mobile version to be 2 columns?

    Let me know 🙂

    #981262
    maiyet

    No, it is on the main page that I want it to be seen in a single column (same as on the store page)

    #981456
    Tom
    Lead Developer
    Lead Developer

    Got it. Give this CSS a shot:

    @media (max-width: 768px) {
        .elementor-element .woocommerce ul.products[class*=columns-] li.product {
            float: none;
            width: 100%;
        }
    }

    Let me know 🙂

    #1355863
    Adriana

    I have a similar problem. in the appearance editor, woocommerce design I put 1 column for mobile and 3 columns appear …

    #1356181
    David
    Staff
    Customer Support

    Hi there,

    can you raise a new topic where you can share a link to your site and we can take a look.

    #1356360
    Adriana

    Hello, I already solved the problem. The WP Rocket plugin. I disabled it, re-enabled it, did cache cleaning and re generate critical CSS path, and everything seems to be working fine.

    #1356448
    David
    Staff
    Customer Support

    Glad to hear that 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.