Supply Theme: Grid Product in "Related Product" on Mobile

Solved
Highlighted
New Member
3 0 0

Currently the relevant product display is not very nice on the phone. I want it to show 2 items per row, 50% width (for example in other collections).

current image: current imagecurrent image

I want it to show up like this: Capture.PNG

Sorry my English is not good. Hope someone help me

 

0 Likes
Highlighted
Shopify Partner
151 22 23

Hi @TranMinhDuc,

Can you please share store url.

I will provide you proper solution. 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
0 Likes
Highlighted

Hi @TranMinhDuc 

Please share your Store link so i can provide code that will fix your issue.

 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on parth.bhut143@outlook.com
0 Likes
Highlighted
New Member
3 0 0
0 Likes
Highlighted
Shopify Partner
151 22 23

This is an accepted solution.

Hi @TranMinhDuc,

Please add below code in theme.scss.liquid at the end.

Go to Online Store -> themes -> Actions -> Edit code -> Assets -> theme.scss.liquid 

 

 

div#shopify-section-product-template .grid-uniform .small--one-third {
     width: 50%;
    clear: none;
}

 

If It solves your problem, Please Like and Accept Solution.
Do you need Shopify customization and custom work on your store? Hire me.
Feel free to Contact me on pankajtechcode@gmail.com
Highlighted
New Member
3 0 0

@Pankaj_Gupta Thank you so much. It works perfectly

0 Likes