Increase width of policy pages

Increase width of policy pages

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

    • 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; } }
    • Highlighting one menu link with a distinct color

      In the header, add in custom css as followings: a[href^="/pages/contact-us"] {color: #33ff00 !important;}