I have placed it in the asset folder “base.css” at the end of the file.
But unfortunately it does not take over the policies:
Topic summary
Goal: Increase the desktop page width of Shopify policy pages.
Key steps and updates:
- Store URL shared; site was password-protected. Guidance given on where to find/share the storefront password. Images showed the password location and a result preview, but are not essential to apply the fix.
- Initial CSS suggestion targeted the footer and did not affect policy page width.
- Correct selector provided: set .shopify-policy__container to a wider max-width (e.g., 50%) in Assets > base.css to expand policy content.
- Mobile issue: The change also affected mobile. Final fix wraps the rule in a desktop-only media query to keep mobile unchanged:
@media only screen and (min-width: 749px) { .shopify-policy__container { max-width: 50% !important; } }
Note: Use percentage values for responsive behavior; adjust 50% as needed.
Outcome:
- Solution confirmed working. Implementation: Online Store > Themes > Edit code > Assets > base.css. Discussion resolved; no outstanding questions.
1 Like