Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 30, 2025 at 11:29 pm #76315
    Rianne van der Kamp
    Participant
    Premium Member

    Hello,

     

    I was wandering if it is possible to display 2 rows/ colmuns of products in my woocommerce shop in the mobile version instead of 1 row. I am searching the possibility to chance the settings, but I can not find it.

    Is it possible to display 2 rows instead of 1 row of products when people scroll on the mobile version of my website when they are in my woocommerce-shop?

    January 31, 2025 at 11:02 pm #76318
    vako
    Keymaster
    Premium Member

    Hi Rianne,

     

    At first, thank you for choosing our theme and service.

    Please navigate to Dashboard > Appearance > Customize > Additional CSS and add the CSS snippet below:


    @media     screen and (max-width: 479px) {

    .wc-block-grid.has-3-columns .wc-block-grid__products {

    background-clip: padding-box;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -8px 16px;

    padding: 0;

    }

    }


    @media     screen and (max-width: 479px) {

    .wc-block-grid.has-3-columns .wc-block-grid__product {

    flex: 100%;

    margin-left: auto;

    margin-right: auto;

    max-width: 46% !important;

    padding: 0;

    }

    }

    Kind Regards

    June 4, 2025 at 1:13 pm #77083
    Rianne van der Kamp
    Participant
    Premium Member

    @vako,

     

    I have been trying to add this CSS, but unfortunaly nothing changes. I’ve emptied the chache, but still no change.

    Is there something I have to add or do different?

    The link to the shoppage is this one:

    https://www.kleine-dingen.nl/winkel/

    June 4, 2025 at 11:20 pm #77085
    vako
    Keymaster
    Premium Member

    Hi Rianne,

     

    In order to assist we need to check your website from the back end, please install this 3rd party plugin “Temporary Login Without Password Plugin” which allows us to access your dashboard without sharing access details.

    To better understand how the plugin works, please watch the video guide below: https://www.youtube.com/watch?v=EMu0e78OpJo

    Please make sure to mark your reply as private to hide it from the public.

    Kind Regards

    June 5, 2025 at 11:12 am #77089
    Rianne van der Kamp
    Participant
    Premium Member
    This reply has been marked as private.
    June 6, 2025 at 12:34 am #77101
    vako
    Keymaster
    Premium Member

    Hi Rianne,

     

    We corrected CSS snippet, please check now and let us know if you need any further assistance.

    Kind Regards

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