One product per row

[DreamMarketing2020]

Hello,

I have a question. We want to print our products one per line on the phone by default, but we cannot set it, and now always two are printed there? How can we do this?

I appreciate any help you can provide.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

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

.products .jas-col-xs-6:nth-child(2n), .products.jas-masonry .jas-col-xs-6:first-child, .products.jas-masonry .jas-col-xs-6:nth-child(2n+1), .products .jas-col-xs-6:first-child, .products .jas-col-xs-6:nth-child(2n+1), .products.jas-masonry .jas-col-xs-6:nth-child(2n) {
padding-right: 0.5rem;
padding-left: 0.5rem;
max-width: 100%;
flex-basis: 100%;
}

Kind regards

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[DreamMarketing2020]

Thank you so much for the quick and very useful help 🙂

[Author]

Posts