Why does my mobile home page only display one product?

Shopify Discussion
1

.https://mcaulraek.myshopify.com/

For above website, on mobile, need below appearance to be seen. Apparently at the moment can see only one product.

Can someone help ?

Mcato12_0-1669921015342.png
Mcato12_0-1669921015342.png468×460 42.3 KB

I want like this , like when on mobile product shows like this. Two products at a time

2

Hi @Mcato12

Please follow these steps:

view (68).png
view (68).png1460×778 320 KB

Go to Online Store > Edit Code > Theme.js. In this file, you will find line 2692 with the same code as the picture I have circled in red.

Here if you want the New Arrivals section to display 2 products on mobile, change the code line 2708.

Initial

this.settings.slidesToShow480  = (this.settings.slidesToShow - 4) > 1? (this.settings.slidesToShow - 4) : 1;

Change to:

this.settings.slidesToShow480  = (this.settings.slidesToShow - 3) > 1? 2: 1;

I hope that it will work for you.