can you please post here a screen shot of the end of the file.
Topic summary
A user seeks to make a collection list display at full width (without side padding) on both desktop and mobile in the Impulse theme.
Initial Troubleshooting:
- Standard theme customization options (“Full page width” checkbox) are not available for this particular section.
- Attempts to modify
.page-widthCSS globally affected the entire store layout unintentionally.
CSS Solutions Attempted:
- Adding
.collection-content .page-width { max-width: 100%; }to theme.css - Fixing extra closing brackets that caused syntax errors
- Targeting specific section ID with
#shopify-section-template--16125451993296__featured-collections .page-width { max-width: 100% !important; }
Outcome:
- Despite multiple CSS iterations and cache clearing, changes did not render correctly on the user’s end.
- Eventually, the original poster experimented independently with different code variations and achieved success.
- Another participant confirmed the same goal is achievable, referencing a working example site.
Status: Resolved through self-experimentation after guided CSS attempts.