Narrow content width of Policy Pages - Dawn Theme

[zanethurston]

I exhausted every solution I can find on these boards, yet nothing changes the content width on all my Policy Pages.

https://www.nativebarsupply.com/policies/terms-of-service

https://www.nativebarsupply.com/policies/shipping-policy

https://www.nativebarsupply.com/policies/refund-policy

https://www.nativebarsupply.com/policies/privacy-policy

Yet, a custom page specifically for California’s CCPA that I made myself, is just fine.

https://www.nativebarsupply.com/pages/ccpa-opt-out

Where do I find the code for Dawn 4.0 to change all those policy widths?

[diego_ezfy]

@zanethurston , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base**.css** and paste this at the bottom of the file:

.shopify-policy__container {
    max-width: 80% !important;
    padding: 0 !important;
}

Kind regards,
Diego

[AvadaCommerce]

Hi @zanethurston ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

.shopify-policy__container {
     max-width: 1280px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[dmwwebartisan]

@zanethurston

Please add the following CSS code to your assets/base.css bottom of the file.

@media only screen and (min-width: 750px){
.shopify-policy__container {max-width: 1280px !important;}
}

Thanks!

[zanethurston]

OK, I’ve tried all three variations of this and it only works on an old version of Safari (v 10.0.2), but the rest of the site doesn’t show up right so it means nothing. Otherwise new versions of Chrome (v 100), Brave (v 1.35) and Safari (v 15.1) all are no go. Is there something else that is overriding it? Did you use the “Inspect Element” tool to test that? Sorry, this is all Greek to me.

[lakpura]

works fine on dawn version 7.0.1