How can I expand the width of text on my pages in Dawn Theme?

Store Design

Topic summary

A user seeks to reduce white space on their Dawn theme pages by expanding text width.

A PageFly representative provides a CSS solution:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add custom CSS targeting the page width class with max-width: 100% and adjusted margins

The solution initially works on desktop, but the user reports it breaks the mobile layout. The issue remains unresolved, with no follow-up fix provided yet for the mobile responsiveness problem.

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

I am trying to expand the width of the text so there isn’t as much white space either side. I’ve tried suggestions from other posts but none seem to work

https://thedeliciousdogfoodcompany.co.uk/pages/how-the-first-order-offer-works-terms-conditions

2

Hi @TDDFC

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.page-width.page-width–narrow.section-template–21489646829901__main-padding {

margin: 0 50px !important;

max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Perfect. Thanks!

4

It appears to have messed up the layout on a mobile device, do you know how to resolve this?

https://thedeliciousdogfoodcompany.co.uk/pages/privacy-policy