Dawn theme: How do I stretch the collection description across the screen?

[Pragon]

Morning

Can someone help me and share how I can stretch the collection wording across the top of the screen?

Ive tried it in two ways, but cant get it to work.

In this page I've got it the wording in the collection page in the collections area in Shopify.

Larktale Wagons | Pram Wagons | Stroller Wagons | Hybrid Wagons | Pragon

Then in this one I've got the wording in the custom collection page.  But again, I cant work out how to stretch the wording cross the screen.

WonderFold Wagons Australia | Pram Wagon | Stroller Wagon | Pragon

I don't mind which way it is done, I just cant get it to work either way! 

Thanks

[BSSCommerce-HDL]

Hi @Pragon, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
@media screen and (min-width: 750px) {
    .collection-hero__description {
        max-width: 100% !important;
    }
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Eric-HAN]

Hi , there

  please find your theme.liquid or template-collection.css files 

 add  or find 

@media screen and (min-width: 990px) {

.rich-text__blocks {

    max-width: 100%;

}

}

  please find your theme.liquid or template-collection.css files 

 add  or find 

@media screen and (min-width: 750px) {

.rich-text__blocks {

    max-width: 100%;

}

}