Requesting help centering the Featured Collection section (Symmetry theme)

[pickleball365]

Hello,

I am using the Symmetry theme and would like to center the products in the Featured Collection section. The heading is already centered, but I can't get the products centered no matter what I try.

I'm not sure if it's the right place to make the change, but here is a link to my featured-collection.liquid file for reference.

https://cdn.shopify.com/s/files/1/0618/0418/3667/files/featured-collection.txt?v=1732853323

Any assistance is greatly appreciated.

[Dan-From-Ryviu]

Hi @pickleball365 

It would be better if you share your store URL

[pickleball365]

Thank you. Here's my store URL: https://pickleball365.net/

[ZestardTech]

Hello @pickleball365 
Please share your store URL and password.
So that I will check and let you know the exact solution here.

[pickleball365]

Thank you @ZestardTech. Here's my store URL: https://pickleball365.net/.

[solverStaff]

Hi,

Please share your store URL and password if enabled

[pickleball365]

Thanks @solverStaff . Here's my store URL: https://pickleball365.net/.

[KetanKumar]

@pickleball365 
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

[pickleball365]

Thank @KetanKumar. Here's my store URL: https://pickleball365.net/.

[KetanKumar]

@pickleball365 thanks for url can you please confirm this look

[pickleball365]

Yes @KetanKumar. That's exactly what I am looking for!

[KetanKumar · Accepted solution]

@pickleball365 thanks for confirm yes please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/main.css ->paste below code at the bottom of the file.

.section-featured-collection .product-grid {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

[pickleball365]

This worked perfectly! Thank you @KetanKumar and everyone else who responded. Much appreciated!

[KetanKumar]

@pickleball365 its my pleasure to help us