Dawn Theme - Collection Page - full page width

Topic summary

A user is attempting to make the collection page description span full width on a Shopify store using the Ride Theme (a Dawn Theme variant).

Initial Solution Attempted:

  • Another user suggested adding CSS code to the base.css file:
    .collection-hero__description {
      max-width: 100%;
    }
    

Outcome:

  • The original poster confirmed the CSS modification did not resolve the issue—the collection description width remained unchanged.
  • Multiple users reported the same unsuccessful result.

Resolution:

  • A working solution was found and shared via a link to another Shopify community thread discussing Dawn Theme collection banner full width.

The discussion remains focused on finding the correct code modification, with the effective fix located in an external community post rather than the initially suggested CSS approach.

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

Hi Team

We are using a version of the Dawn Theme (Its actually the Ride Theme by Shopify)
We are trying to get the decription for the Collection pages to go full width..
Hopefully the image attached explains what we are trying to do..
I can amend the code if pointed in the right direction please

Here is the link to our site and one of the collection pages
https://shop.reloveoxley.com/collections/relove-diecast

Hello @James_Lee6 ,

This is Richard Nguyen from PageFly- Advanced Page Builder.

Regrading the issue, please follow my instruction below:

  • From Shopify Dashboard, go to Online Store > Themes > Action > Edit Code

  • Search for the file named base.css

  • Scroll down to the end of the file, and paste this code:

.collection-hero__description {
    max-width: 100%;
}

Hope it helps!

Hi Richard
Thanks for the quick response.. I made the change in the file but no difference to the Collection description unfortunately.. :slightly_smiling_face:
Any other ideas please.,. See screen shot of where i made the change

The description at this link is still the same :disappointed_face:
https://shop.reloveoxley.com/collections/relove-diecast

Thank you, but… It does not works… :disappointed_face:

The solution is here:

https://community.shopify.com/c/shopify-design/dawn-theme-collections-banner-full-width/td-p/1655648