Need a solution to make my sections full width

Store Design

Topic summary

Goal: Make two Dawn theme sections (“image with text” and “collections list”) span full width.

Proposed approach: Add custom CSS via Online Store → Theme → Edit code → Assets/base.css. The snippet targets specific section IDs within a desktop media query (min-width: 990px) and sets a larger --page-width plus 100% max-width for rich text blocks:

  • For #shopify-section-template–15424042991834__rich_text and #shopify-section-template–15424042991834__featured_products: --page-width: 1600px !important.
  • For .rich-text__blocks inside the rich_text section: max-width: 100% !important.

Result: The change did not work for the requester. No further troubleshooting steps or alternatives were provided.

Status: Unresolved/ongoing. The code snippet (CSS with specific section IDs and variables) is central to understanding the attempted solution.

Summarized with AI on February 12. AI used: gpt-5.
1

I have 2 section (image with text and collections list) that i need to make full width , any solutions ? im using the dawn theme

2

Hello @the4thaisle

Its a pleasure to have you here,

This is for the image banner.

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 990px) {
    #shopify-section-template--15424042991834__rich_text,
    #shopify-section-template--15424042991834__featured_products {
        --page-width: 1600px !important;
    }
    #shopify-section-template--15424042991834__rich_text .rich-text__blocks {
        max-width: 100% !important;
    }
}

Copy

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Thanks

3

it did not work unfortunately