Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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.
Solved! Go to the solution
This is an 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;
}
It would be better if you share your store URL
- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @pickleball365
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi,
Please share your store URL and password if enabled
@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 thanks for url can you please confirm this look
This is an 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;
}
This worked perfectly! Thank you @KetanKumar and everyone else who responded. Much appreciated!
@pickleball365 its my pleasure to help us
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024