Reduce product page margins - Symmetry theme

Reduce product page margins - Symmetry theme

baidshryans
Visitor
3 0 0

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? 

Replies 2 (2)

goldi07
Explorer
61 4 6

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 

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -Goldi184507@gmail.com - Skype: live:.cid.819bad8ddb52736c -Whatsapp: +919317950519
Checkout Some Free Sections Here
baidshryans
Visitor
3 0 0

This didnt work. My store link is :

www.zorii.in 

Screenshot 2025-02-01 140503.png