hey, if you click on my products, you will notice that the page is not centered, is there a way to fix that?
URL: sixdreamz.com
Topic summary
A user reports that their product pages appear off-center, with product information extending wider than the product image itself.
Another user clarifies that while the page is technically centered, the visual imbalance occurs because the product information section is wider than the image area.
Solution provided:
- Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
- Locate the
theme.liquidfile and find the</body>tag - Insert custom CSS code before the closing
</body>tag - The CSS adjusts the max-width to create a 50-50 layout balance
- Users can customize the max-width value as needed
The solution includes a code snippet and visual reference showing the corrected layout. The issue appears resolved with this CSS customization approach.
1 Like
Hi @sixdreamz
It looks like not but it is center.
Product information are more width than the image product.
is it possible to move it more to the right?
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
result:
I make it 50-50. You can adjust te max-width whatever you want.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!