Layout changes after changing product per row Debut Theme

Solved
BradenSoh
Excursionist
16 0 4

 

Hi Shopify Gurus,

I am trying to change the product per row in my collection page, from 4 per row to 3 per row but after doing so, all the layout and pricing "joined" together in the website.

Screen Shot 2020-10-15 at 9.34.45 pm.png

As for the mobile site, the price is cut off and the add to cart button is drifted away from the product photo. 

Price cut off (right side)Price cut off (right side)Bigger GapBigger Gap

 

Kindly refer to photos attached.

 

I don't know if I have added something in theme.ccs.liquid which might have caused this. Can anyone out there help? Thanks in advance! 

 

 

 

 

 

KetanKumar
Shopify Partner
18513 1953 6842

Hello, @BradenSoh 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BradenSoh
Excursionist
16 0 4

Hi @KetanKumar,

My URL is grabeee.com, pw: seraur

Thank you

0 Likes
KetanKumar
Shopify Partner
18513 1953 6842

This is an accepted solution.

@BradenSoh 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

.grid-view-item {
    height: auto;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
BradenSoh
Excursionist
16 0 4

Hi @KetanKumar, your solution nailed it! Thank you!

KetanKumar
Shopify Partner
18513 1953 6842

@BradenSoh 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Danielavintage
Tourist
8 0 2

Hi @KetanKumar 

I have the debut theme and when im in the main page I have 3 products per row but when I enter to the collection it changes to 4 products per row.

can you please help me to keep it with 3?

thank you so much,

KetanKumar
Shopify Partner
18513 1953 6842

@Danielavintage 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes