padding size of the policy pages in the mobile view

Shopify Discussion

Topic summary

A user with the Studio theme is experiencing padding issues on policy pages in mobile view after adding custom CSS to the theme.liquid file. While the desktop version displays correctly, the mobile version shows text that is too wide and not properly centered.

Proposed Solutions:

  • One responder suggested adding the CSS code to the base.css file instead of theme.liquid
  • Another provided a media query solution that applies different max-width values for mobile (90%) versus desktop (70%), both with 50px bottom padding

Current Status:
The discussion remains open with multiple troubleshooting approaches offered. One responder requested the store URL to examine the issue directly. A code snippet and screenshot were shared showing the expected result of the media query fix.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
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 Likes
2

Hi @RubyB11

Can I take a look the page myself, would you mind to share your store URL? Or you can pm anytime. Thanks!

3

You can put this css code on your base.css file

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;
  }
}
  • Here is the result you will achieve:

BSSTekLabs_0-1721441112664.png
BSSTekLabs_0-1721441112664.png394×845 51.8 KB

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