Reduce product page margins - Symmetry theme

Shopify Discussion
2

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