making collection grid full width

[ailene]

Hi

i'm working on my new shop but i would like to make the collection page photo grid full width. but i can't find the right code

 

 

[JHKCreate]

Hi @ailene 

Would you mind sharing your store's URL so we can provide a solution here?

[ailene]

https://atelierneutral.myshopify.com/collections/all

[JHKCreate · Accepted solution]

Add the following code to your theme.scss.css file:

div#CollectionSection {
    max-width: 100%;
}

That will make the collection full width, let me know if that works for you! 

[ailene]

amazing it works. 

I have another question if you don't mind. 

I would like to get ride of the blank space on top. but i can't figure out how, i have tried mutiple code's 

[JHKCreate]

Great! Add the following code: 

@_media screen and (min-width: 769px)
{
header.section-header.text-center {
    margin-bottom: 0px;
}
}

Don't forget to like & mark the answers as solution to help the community find quicker answers, cheers!

[ailene]

This is the problem i'm getting the whole time