[Support request] Product columns in mobile version

Home Forums Support Product columns in mobile version

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #980841
    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

    #980926
    Leo
    Staff
    Customer Support

    Hi there,

    Sorry not sure if I fully understand.

    Which page can I see the issue?

    The home page is basically all coming from Elementor.

    Let me know 🙂

    #981389
    maiyet

    https://houseofcars.cl I want the mobile version to organize the products organized in the same way as in the vhttps: //houseofcars.cl/? post_type = product

    #981436
    Leo
    Staff
    Customer Support

    This is more of a question for WooCommerce’s support.

    You could try this CSS:

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

    Adding CSS: https://docs.generatepress.com/article/adding-css/

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