How to reduce product display size for mobile devices？

gexingchen0916 · October 2023

I uploaded 2 products and they display terrible on mobile devices.

Because of their size, a single product takes up almost the entire screen, as shown in the first image.

I need it to be smaller and be able to display 2 products in one row as shown in the second picture.

Is there a way to achieve this?

Phil · October 2023

Please go to Betheme -> Theme options -> Shop -> Products list, and set the Mobile layout to two.

You can also use Query Loops to have higher control over columns on each resolution and image size.

Best regards

Comments