Is anyone able to help me increase the width of my product page?
URL: https://www.livwithin.com.au/products/moss
PW: pewpog
Topic summary
A user seeks help expanding the width of their Shopify product page, which currently appears constrained with significant white space on the sides.
Two CSS solutions were provided:
-
Full-width approach: Add code to the
base.cssfile setting.page-widthtomax-width: 100%with 40px padding on sides. This creates an edge-to-edge layout. -
Custom width approach: Modify the existing
.page-widthclass inbase.cssby adjusting themax-widthvalue (suggested: 2000px) while maintaining centered alignment withmargin: 0 auto.
Both solutions involve editing the theme’s base.css file through the Shopify code editor. Screenshots demonstrate the implementation steps and expected results. The issue remains open with no confirmation from the original poster on which solution was implemented or if the problem was resolved.
Hi @ellacoker
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.page-width {
max-width: 100% !important;
padding: 0 40px !important
}
Result:
Best,
Daisy
Hi @ellacoker
You can find and change the page width of your store by adjusting max-width: 2000px; code in the base.css file
.page-width {
max-width: 2000px; /* Adjust as needed */
margin: 0 auto;
