How to increase width of legal / policy pages? the container is very narrow. (On Beyond Theme)

Store Design
,

Topic summary

A user is experiencing an issue with narrow container width on legal/policy pages using the Beyond theme in Shopify.

Problem: The policy page container appears too narrow for comfortable reading.

Proposed Solutions:
Multiple support teams provided similar CSS-based fixes:

  • Navigate to: Online Store > Themes > Actions > Edit Code
  • Locate the custom.css file in Assets
  • Add CSS code at the bottom of the file targeting .shopify-policy__container

Recommended CSS adjustments:

  • Increase max-width (suggestions range from 1170px to 1200px)
  • Some responses suggest adding padding-left and padding-right (50px each)
  • Use !important flag to ensure the style override takes effect

One alternative approach suggested inserting code in the theme.liquid file before the </head> tag.

Status: Multiple solutions provided; awaiting user confirmation on which approach worked.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Kaijann_0-1676958065719.png
Kaijann_0-1676958065719.png795×747 86.9 KB

website url: mindsightnow.com

2

@Kaijann

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > custom.css and paste this at the bottom of the file:
.shopify-policy__container{
  max-width: 1170px !important;
}

you can change width as per your requirement.

3

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >custome.css and paste this at the bottom of the file:

.shopify-policy__container {
    max-width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

ZestardTech_0-1676959286973.png
ZestardTech_0-1676959286973.png1331×392 43.9 KB

4

Hello @Kaijann ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676961633903.png
GemPages_0-1676961633903.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

5

Hi @Kaijann ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custome.css->paste below code at the bottom of the file:

.shopify-policy__container {
 max-width: 1200px !important;
}

Hope my answer will help you.