Creating a new page: the content width is smaller than the section widths (Refresh Theme)

Store Design
, , ,

Topic summary

A user working with Shopify’s Refresh theme encountered a layout issue where page content width was narrower than section widths across the site. They wanted to align these widths while ensuring mobile responsiveness remained intact.

Visual Issue:

  • Screenshot showed misalignment between page content (narrower) and section containers (wider)
  • Goal was to match the content width to the section width site-wide

Resolution:

  • Original poster resolved the issue independently without sharing the solution
  • Another user later requested the same fix, but no solution details were provided in the thread

Status: Resolved for original poster, but solution method remains undocumented in the discussion.

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

Using the Refresh theme: I’m trying to align the page content widths to match my section widths, but I can’t seem to figure out where that particular code lives. This is the parameter across all new “pages” and yes, I wish to change it across the entire theme.

See screenshot below - dark red is where I’m trying to get the alignment to go, lilac is the width that I’m trying to get to match. Is this possible or will it mess up any responsive parameters for mobile?

Screenshot 2024-11-20 142929.png
Screenshot 2024-11-20 142929.png2535×1342 103 KB

Any suggestions? Thank you!

2

Hi, @MLEa

Can you please share the store URL so that I can assist you?

3

Hi Anne, no worries, I figured it out! :slightly_smiling_face: Thanks!

4

Hi @MLEa I, am having the same problem, can you please tell me how to solve this.