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

Store Design
1

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-Theme/td-p/464196 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/354770

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

Any help would be much appreciated!

Thank you very much.

Jack

2

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

1 Like
3

Thank you very much! Works just fine! J

4

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

5

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?

1 Like
6

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

7

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

8

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

9

Can you share the store URL please?

10

Hey Im having an issue on the debut theme. I have 3 featured products and I want the third on to be centered only on mobile. I’ve tried all the solutions I found posted but none of them work. Any chance you can help me out?

https://bryghtenup.myshopify.com/

Thanks in advance!

11

hi, this centers my first collection, but i’d like to center second featured collection only. what would be the code?

12

hi currently having the same issue did you find out how to fix it?