Increase Page width

1. Go to base.css
   
2. Find "narrow" 
   
3. Replace with "wide"

e.g:

 .page-width--wide {

    max-width: 72.6rem;

    padding: 0;

  }

• Related Articles

• Increase width of policy pages

  Go to Online Store > Theme > Edit code of your current theme Open your theme.liquid theme file Paste the below code before </head> <style> .shopify-policy__container { max-width: 1200px !important; } </style>

• Make multirow section full width

  In the multi row section, add the following in the custom css: .multirow .multirow__inner { max-width: 100% !important; padding: 0px !important; }

• Make collapsible content full width on desktop

  In collapsible content section, add the following in customer css: @media screen and (min-width: 768px) { .collapsible-content { max-width: 120rem; margin: 0 auto; padding: 0px 3rem; } .collapsible-content-wrapper-narrow { margin-left: 0px; } }

• Full width text for image banner on desktop

  In custom css, add the following: @media only screen and (min-width: 750px) { .banner--content-align-left.banner--desktop-transparent .banner__box { max-width: 100% !important; } }

• Enlarge swatch size in product page

  In product page customize, add the following code in custom css: .swatch-input__input + .swatch-input__label { --swatch-input--size: 4rem !important; }