Increasing Page Margins Without Affecting Other Pages

[Aaron-Mihell]

Hi,

I would like to increase the margins of a specific page on mobile as I don't like how close the text is to the edge.

I would like to add left and right margins of 3rem but don't know how to go about doing that without affecting other pages or the header/footer on my website.

Page URL: https://solaque.co.uk/pages/care-guide

If anyone could help with achieving this, it would be greatly appreciated.

Thanks,
Aaron.

[Made4uo-Ribe · Accepted solution]

Hi @Aaron-Mihell 

TYRy this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

{% if page.handle == 'care-guide' %}
<style>
    @media only screen and (max-width: 749px) {
        .section-template--23721731457355__main-padding {
            margin: 0 3rem;
        }
    }
</style>
{% endif %}

• And Save. 
• Result:
  

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[Aaron-Mihell]

Thank you. That worked perfectly.

[Made4uo-Ribe]

Welcome! Would you mind hitting 'like' as well? Thanks!