Privacy Policy / Terms of Service - Change Layouts

[ellacoker]

Hello,

I made my privacy policy and terms of service through the internal shopify dashboard. By doing this, it doesnt let me change the layout in page view. Any ideas on how I can get around this? I want all the extra space either side in desktop view to be removed.

Thank you so much.

URL: https://www.samiyaskincare.com.au/policies/privacy-policy

Password: ellacoker

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App
Hi @ellacoker   Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.shopify-policy__container {
  max-width: 100% !important;
}
</style>

And here is result

Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

[ellacoker]

Thank you Richard, That was super helpful. Any idea how to remove thie heading? It seems to be isolated from my text in the policy section.

[PageFly-Richard]

Hi, to do that just modify code above and add

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

shopify-policy__title {
 display: none !important;
}

</style

Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

[ellacoker]

Thanks Richard, Any idea how to align it to the left with the other text? 

Ella.

[PageFly-Richard]

I understand that you no longer want to remove "Privacy Policy" and instead want it to be displayed on the left.

You can use the following code:

.shopify-policy__title {
    text-align: left;
}

Let me know if you need further adjustments! 🚀

Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly

[ellacoker]

Hi Richard,

It worked! Thank you so much. It worked for all my policy pages, but for my FAQ page it isn't considered a policy page, Do you know how I can align my collapsable questions to the left and then put a photo to the right ? Thanks again

Ella 

[PageFly-Richard]

Hi @ellacoker 
Could you please share with me page url to check
Best regards,
Richard | PageFly

[ellacoker]

https://www.samiyaskincare.com.au/pages/faqs

password: ellacoker

thanks again

[PageFly-Richard · Accepted solution]

Hi @ellacoker,
you can try this code 

.collapsible-content-wrapper-narrow {
  margin: 0px 4.5rem !important;
  max-width: 100% !important;
}

And here is result

After checking the live page, I can only provide CSS code to support you. I am unable to edit the page layout or add images. However, you can easily do this using the PageFly Page Builder app.

With PageFly, you can create and customize your layout without coding. If you encounter any difficulties, their 24/7 support team is always ready to assist you! 😊

 Best regards,
Richard | PageFly

[ellacoker]

Thank you very much for your help Richard, If I need to down the track I will reach out to PageFly