making collection grid full width

Solved
ailene
Tourist
8 0 1

 

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

Screenshot 2021-02-05 at 17.25.47.png

 

 

Screenshot 2021-02-05 at 14.27.06.png

0 Likes
JHKCreate
Shopify Partner
2046 331 445

Hi @ailene 

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
JHKCreate
Shopify Partner
2046 331 445

This is an 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! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
ailene
Tourist
8 0 1

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 

Screenshot 2021-02-05 at 18.04.20.png

0 Likes
JHKCreate
Shopify Partner
2046 331 445

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
ailene
Tourist
8 0 1

This is the problem i'm getting the whole time

Screenshot 2021-02-05 at 18.10.31.pngScreenshot 2021-02-05 at 18.10.24.png

0 Likes