Studio Theme Remove the Side Padding of Collection lists?

Store Design
1

Struggling to remove to side margin on collection lists on studio theme, I need the collection list to reach each side of the screen

Thanks

Jackson

2

Hi @JacksonCHA ,

Try this code below.

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
.collection-list-wrapper.page-width {
    max-width: 100%;
}
3

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

4

Hello @JacksonCHA ,

Please provide the sore URL( also share the password, if it is password protected) so that I can check and suggest you a solution.

Thank you

5

URL: Charleshollywood.com

As you can see the collection lists under the Cover image, have considerable side padding, im trying to make it so the collection lists start from the edge of the screen

6

Thank you that has worked perfectly, just a quick one not sure if you know but is there any way to reduce the padding in between the collections, ive added some code to turn the opacity of the titles to 0 so they wont show, but i want to reduce that space quite considerably as on mobile the padding is far to much? thanks Jackson