How can I make a featured product section full width in Dawn theme?

Store Design
, , ,

Topic summary

A user seeks to make a featured product section span the full width of their page in Shopify’s Dawn theme.

Solution Provided:

  • Add max-width: 100%; CSS property to the section to achieve full-width display
  • The initial fix was successfully implemented

Follow-up Issue:

  • User requested additional padding on both sides of a trio of images to prevent them from appearing overwhelming and to add white space
  • This required modifying the section-multicolumn.css file
  • Specifically, changing the .multicolumn-list padding value from 0 to 5rem (or desired spacing)

Outcome:

  • Both customizations were successfully resolved through CSS modifications
  • The discussion appears complete with the user expressing gratitude for the assistance
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
7

Thank you so much for your help!

1 Like