padding size in mobile view for policy page

Store Design
,
1

Hi please can someone help me fix the padding size of the policy pages in the mobile view. I have the studio theme and I added a code in the theme.liquid file. In desktop, the padding of the policy pages looks great but in the mobile view it looks wrong. All the text is in the centre. Please can someone give me the code to fix it? Here’s the code i added to the theme.liquid file below. thank you

.shopify-policy__container {
max-width: 70% !important;
padding-bottom: 50px !important;
}

2

Hello @RubyB11 .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

3

Hello @RubyB11

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

4

Hello @RubyB11 . You can replace your above code with my following code

@media only screen and (max-width: 750px) {
  .shopify-policy__container {
    max-width: 90% !important;
    padding-bottom: 50px !important;
  }
}
@media only screen and (min-width: 750px) {
  .shopify-policy__container {
    max-width: 70% !important;
    padding-bottom: 50px !important;
  }
}

Copy

  • Here is the result you will achieve:

BSSTekLabs_0-1721441259017.png
BSSTekLabs_0-1721441259017.png187×400 61.3 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
5

Thank you! it worked :heart_eyes: