All things Shopify and commerce
I have a store zorii.in using the Symmetry theme and I want to reduce the margins on the product page. There is too much white space on the left and right side.
The Clean Canvas AI suggested to goto product page settings and look for a full width setting which i could not find.
Has anyone else faced the same issue and how have you solved it?
Hello @baidshryans
Adjusting the theme’s settings:
1 Go to your Shopify admin > Online Store > Themes > Customize.
2 Look for "Product pages" or a similar section in the theme editor. Sometimes themes have a setting to control the layout or width of the product page.
Custom CSS: If there's no setting available, you can add custom CSS to reduce the margins. Here's a CSS snippet that might help:
Go to Online Store > Themes > Actions > Edit Code.
In the Assets folder, find the theme.css or styles.css file and add the above code at the bottom.
.product .container {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
If it doesn't work, please give the link of your website and give screenshot, I will try to fix it.
Thank you
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025