How to center products on home page and featured collections - "Debut" Theme

[JackHobbes]

Hi there,

I've been looking for a way to center products on my website using the Debut theme. I have only one product for now so I'd like it to remain at the center and so far, I haven't made it with the solutions offered here. I already tried this: https://community.shopify.com/c/Shopify-Design/How-to-center-products-on-a-collections-page-Debut-Th...  and I could not figure where to put this: https://community.shopify.com/c/Shopify-Design/Minimal-collection-page-how-to-center-products/td-p/3...

Here is my website: https://waasclothing.com/ and the password is "craeba".

Any help would be much appreciated!

Thank you very much.

Jack

[Guleria · Accepted solution]

Hello,

Hello,

1. Go to Online Store->Theme->Edit code
2. Assets->theme.scss.liquid  at the bottom of file add this css

.template-index li.grid__item.grid__item--featured-collections.small--one-half.medium-up--one-third {
    width: 100%;
}

Thanks

[JackHobbes]

Thank you very much! Works just fine! J

[CEHOE]

Go to the very bottom of the file and add it?

[brother_k]

Hello Guleria. I have a similar issue with centering product page on debut theme. Instead of one product I have 2 products in the product page. Will the code work if I applied it to my situation?

[bkelly]

Hi! How do I modify this code for mobile use? 
Thanks so much for your help!

[erikatgarten]

I have the same problem. This solution unfortunately doesn't work for 2 items

[theoliostore]

This didn't work for me, is there another way?

[Campionk]

Can you share the store URL please?