Products Display on Mobile View is half but perfect on Desktop

Shopify Discussion
1

Hello ,

I am facing an issue in a particular category in shopify, on mobile view page 2 and onwards the products displayed are not properly displayed only half the product is displayed and going on to page 3 and onwards it gets worst. Can you please suggest a solution for this.

https://thelittlecradle.com/collections/baby-nests page 2 onwards on mobile view.

Thankyou,

Nabeed Noor

2

@Nabeed1 , try these steps

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1730382635390.png
BSSCommerceB2B_0-1730382635390.png907×1253 120 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

3

Hi @Nabeed1

I hope you are well!

You can follow our detailed guide below:

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there. Then save the change

Here is the code part you should add in step 3:

div#CollectionProductGrid {
   max-width: 100%;
}

image (7).png
image (7).png1434×784 150 KB

Please let me know if it works. Thank you!

Best,

Daisy - Avada Support Team.

4

Thankyou, it worked.

1 Like