Showing shopproducts in 2 rows on mobile instead of 1 row

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

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

Hi Rianne,

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

Kind Regards