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?
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.