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

Solved
kchart
Tourist
6 0 0

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>

 

shipping-policy.png

0 Likes
Wahab_Ahmad
Shopify Partner
718 112 174

Hello @kchart,

                           share store link for a better understanding of the problem. 

0 Likes
Wahab_Ahmad
Shopify Partner
718 112 174

This is an 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
Tourist
6 0 0

0 Likes
madari21
Excursionist
20 0 3

Thank you for the instant fix. This worked!!! :)

Meer
New Member
1 0 1

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
New Member
1 0 1

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
Tourist
6 0 4

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

0 Likes