Make the collection list full width in impulse theme?

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-width CSS 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.

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

can you please post here a screen shot of the end of the file.