Liquid, JavaScript, themes, sales channels
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>
Solved! Go to the solution
This is an accepted solution.
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
Hello @kchart,
share store link for a better understanding of the problem.
This is an accepted solution.
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
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!
I guess its the !important code that makes it work
Thank you for the instant fix. This worked!!! 🙂
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?
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
Good question and I am still looking for this solution for my mobile version too.
Perfect worked out like a charm thanks a lot
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:
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 ?
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.
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.
Dirk | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024