How to Increase Width of Legal / Policy Pages? The container is very narrow.

[kchart]

Hello, I have reviewed 2 other posts about this topic but didn't find a solution. Please help! I would like to expand the width of the policy / legal pages. They are very narrow. I am not using a shopify theme. All my css is in theme.css.liquid. Below is a picture of what my page looks like. Here is the html that is driving that section. Any idea of what I can put into the css file that will fix this so the page content is at 100%?

<div class="tt-breadcrumb">
<div class="container">
<ul>
<li><a href="/">Home</a></li><li>Shipping policy</li></ul>
</div>
</div>
<div id="tt-pageContent" class="show_unavailable_variants">
<div class="shopify-policy__container">
<div class="shopify-policy__title">
<h1>Shipping policy</h1>
</div>

[Wahab_Ahmad]

Hello @kchart,

                           share store link for a better understanding of the problem. 

[kchart]

Thanks it's https://eshop.contecamericas.com/policies/shipping-policy

[Wahab_Ahmad · Accepted solution]

@kchart 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

.shopify-policy__container {
max-width: 100% !important;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

[kchart]

@Wahab_Ahmad 

Thank you very much. I added this to my theme.css.liquid file and it worked! Strange because I thought I had already tried that but there must have been a small error in my original code. Thank you very much for your help!

[Natasha-Saed]

I guess its the !important code that makes it work

[madari21]

Thank you for the instant fix. This worked!!! 🙂

[Meer]

Hi, I would like to add more policies and want to create maybe a new page template that matches the margins and title spacing of the policy templates already provided. How do I do this? 

[Gvantsa]

Thank you for your help, @Wahab_Ahmad, 

How is it possible to expand the width of the legal pages in mobile version of our sites? it worked for the desktop version but I would like to customize the mobile version too.

Thank you

[S_Patrick]

Good question and I am still looking for this solution for my mobile version too.

[Natasha-Saed]

Perfect worked out like a charm thanks a lot

[adamparker]

Hi @Wahab_Ahmad  I am also facing the same issue, tried your code but it is not working out - could you please guide?

Store URL:

https://fmhglobalstore.com/policies/privacy-policy

[Natasha-Saed]

It's split into two columns 6 x 6 this is why it will not work is there a specific reason why make two columns or its in the default of your theme ?

[maxikaya]

I am using a dawn theme, and that may be why I had to paste the code into <base.css>.

It took a while for me to figure out where to paste it, but the hard part is obviously the code itself.

I played a little with the numbers too and decided that, "60%" to fit better with my banner.

Thank you very much. 

[Dirk]

Hey, @maxikaya 

I understand you are looking for a coding solution to adjust the padding of your legal page. However, I'm confident one of our Shopify experts would be able to accomplish this at a reasonable price.
 
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.

If there is anything else I can help you with, please let me know.