Add spacing between woocommerce products in mobile

Hello,
I want to increase the space between products in the categories on mobile.

space in the computer display is ok (you have an option to increase space in theme settings), but for mobile, the settings cannot increase space.

How can you increase the space?

Attached is an illustrative example

Attachments:

You must be logged in to view attached files.

Hello,

To increase the space between products on mobile devices. You can use the below CSS code in Theme Settings >> Custom CSS >> Custom CSS for mobile:

.products .product-grid-item{
margin-bottom: 50px;
}

Best Regards.

[Author]

Posts