Increase width of policy pages

1. Go to Online Store > Theme > Edit code of your current theme
2. Open your base.css theme file
3. Paste the below code at the end of the css

.shopify-policy__container {

max-width: 95% !important;

}

.shopify-policy__container h1 {

text-align: left;

padding-top: 30px;

padding-bottom: 20px;

}

• Related Articles

• Increase Page width

  Go to base.css Find "narrow" Replace with "wide" e.g: .page-width--wide { max-width: 72.6rem; padding: 0; }

• 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; } }

• Dynamic SKU on product page

  In edit code, add the following liquid in Block. {% doc %} @prompt Create a dynamic SKU display that automatically updates when product variants are changed without requiring a page refresh. The SKU should be visible on the product page and change ...