[ASN]

Hi there.

We would like to know if there is a way to change the number of row's are displayed in the shop page - for mobile only.

The "Medium" design option for products works really well for desktop and we do not want to change that - however, having this option then displays two columns of products on a mobile device, which causes our product text to be very cluttered and not very pretty really.

Is there a way to change mobile product list to display products in one column so there is more width to wrap the text?

Thanks.

[Stylesupplier]

I think Ecwid store are all adaptive, This may be a problem with your own website.

[Dexter K.]

Hello there!

This is Dexter with the Ecwid team. Thanks for your question!

I've checked the website at https://www.allstarnutrition.co.za/shop/ and I've been able to see what you mean - the products are arranged into two columns and the product containers look too narrow.

Basically, Ecwid has an adaptive design, still, sometimes you may need some specific changes for your taste.

So, if you want the products go one per row, please, use this CSS code:

/* Arrange products into one column */
.ec-size .ec-store .grid__products[data-cols="2"] .grid-product:nth-child(n+1) {width: 100% !important;}
/*END*/

Please, apply this code in Ecwid Dashboard > Design > Edit theme

Once done, the products will go one under another.

I hope it helps!

If you have any questions, please, ask and we'll be glad to assist!

[LoyalWarhawk]

Originally Posted by Dexter K.

Hello there!

This is Dexter with the Ecwid team. Thanks for your question!

I've checked the website at https://www.allstarnutrition.co.za/shop/WalgreensListens and I've been able to see what you mean - the products are arranged into two columns and the product containers look too narrow.

Basically, Ecwid has an adaptive design, still, sometimes you may need some specific changes for your taste.

So, if you want the products go one per row, please, use this CSS code:



Please, apply this code in Ecwid Dashboard > Design > Edit theme

Once done, the products will go one under another.

I hope it helps!

If you have any questions, please, ask and we'll be glad to assist!

Thanks, very impressive. Really I appreciate you to continue your work.