Hi,
Thank so much for your help.
I have just tried this but it hasn’t made a difference. Is there anything else you can suggest?
Thank you
Topic summary
Reducing excessive side margins in the Shopify Debut theme, especially on collection pages, so products span more of the page width. A screenshot was provided for context.
Initial CSS suggestion targeted navigation and vertical spacing: set .page-container margin-top to -50px, .site-nav–centered padding-bottom to 0, and .site-nav margin to 0. This did not affect the side margins or content width.
Effective solution: increase the content container’s width by adding CSS to Assets (custom.css or theme.css): .page-width { max-width: 1440px; }. In CSS (site styling code), max-width controls the maximum width of the content area; raising it reduces side margins.
Outcome: The user confirmed the .page-width change worked. No further issues or disagreements; the thread reached resolution with a concrete action applied.