How can I extend text width in my product grid layout?

Store Design
1

Hi, I am re designing my product collections and navigation and would love to know how I can extend the text the width of the page

URL www.orangegrove.co.nz
Theme: Dawn

Screen Shot 2022-04-03 at 5.14.09 PM.png
Screen Shot 2022-04-03 at 5.14.09 PM.png3370×1582 423 KB

Thanks

Wendy

2

@wendycain
Add this code in the bottom of the component-collection-hero.css.

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

Hi @wendycain ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-collection-hero.css->paste below code at the bottom of the file:
.collection-hero__description {
    max-width: 100% !important;
}

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

Best regards.

4

Many many thanks, really appreciate your help

5

Many thanks, I really appreciate your help, it worked perfectly