Issue: Related products section (3 columns) on the product page aligned left; requester wanted the product cards and title centered. Screenshots were provided to illustrate alignment.
Key steps/actions:
Members asked for the product URL; the link was shared.
One respondent observed the section appearing centered on their end.
A practical fix was provided: add CSS in theme code.
• Navigation: Online Store → Theme → Edit code → base.css
• Add at the bottom:
ul.grid.product-grid { display: flex !important; justify-content: center; }
Additional suggestion: Add a featured collection on the homepage for quick access to products; the requester noted they already have this section.
Outcome: The CSS fix successfully centered the related product cards; requester confirmed it worked. No further issues reported. The discussion appears resolved.
Notes: The solution hinges on a small CSS snippet; screenshots aided understanding of the initial layout state.
Summarized with AI on December 26.
AI used: gpt-5.
Hello!
I created my website that has only 3 products. I added a related products section inside my product template and I set it to 3 columns on desktop but the product cards align to the left and I would like to center the cards and the title. See screenshots below.
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.