How can I make the collection page photo 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]

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:

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

[MidnightSaga]

is this approved by Spotify, so that the page remains response of across all devices?