Shopify Sections Not Full Width

Store Design

Topic summary

Main issue: Sections on non-home pages are not full width, creating excess white space; home page sections display full width correctly.

Context: Store uses the Envy theme. The merchant has limited coding experience and shared the store URL (stablefeed.com).

Findings: Browser inspection shows a container with a max-width causing significant side margins. Temporarily changing max-width in the inspector achieves the desired full-width appearance.

Clarification from replies: A responder noted the theme uses a container that controls widths responsively across pages/sections and asked whether the change should apply to specific sections or all pages.

Request: The merchant prefers to widen only specific sections and wants a simple, repeatable method—where to find the relevant code and what to change to apply it to multiple sections as needed.

Assets: Screenshots are central to illustrating the margin/max-width issue.

Status: No concrete solution or code location provided yet. Key unanswered items:

  • Where in the Envy theme code (e.g., CSS/section files) to adjust or override the container’s max-width.
  • How to target only selected sections for full width without affecting the entire site.
  • A reusable approach (e.g., custom class or setting) to apply across multiple sections.
Summarized with AI on December 28. AI used: gpt-5.
1

Hi there! I’m struggling to get any of my sections not on my home page to be full width. On my home page, everything is full width without a problem, but all sections (images, slideshows, text) aren’t full width on other pages. For the sake of reducing white space I’d really love if I could fix this but I don’t have much experience coding.

Any help would be greatly appreciated! Our store is stablefeed.com

Here’s an example of what I’m talking about.

Screenshot 2024-05-21 at 11.45.21 AM.png
Screenshot 2024-05-21 at 11.45.21 AM.png3024×1964 793 KB

1 Like
2

Yes, it’s the Envy theme

3

[image: Screenshot 2024-05-21 at 12.20.53 PM.png]
I found this when inspecting the page. As you can see there is a pretty
significant margin and when I changed the max-width under style on the
right it made the change I wanted. Do you know where in the code I could
make that same adjustment?

4

Screenshot 2024-05-21 at 12.20.53 PM.png
Screenshot 2024-05-21 at 12.20.53 PM.png3024×1964 948 KB

5

Hi @graceapollock

I just like to clarify, do you like to widen specific section only or you like to widen everything in all pages? That will be include the homepage?

In your theme you have a container that widen every pages and every section. Its also increasing/decrease the sizes of width according to the screen sizes.

6

Just to be safe, I should probably only edit specific sections. Is there a simple applicable way to do this that I could apply to multiple sections as I need to? Where do I find the code for the sections that need to be edited and what should I change?

7

Just following up if you have any ideas for me! Thank you !!