Remove margins collection page Dawn theme

Store Design
1

Hi!

I have tried different solutions without help, but I want to make the product grid full width, so the products are side by side (without padding), and fill out the whole screen. I made a mock up to describe the result Im trying to get.

Hope anyone can help!

Best,

Josephine

Tegnebræt 1.png
Tegnebræt 1.png1182×1494 26.3 KB

1 Like
2

Hi @JosephineJ !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page URL so that I can inspect and send code accordingly

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

1 Like
3

@JosephineJ

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
4

Hi, thank you so much

1 Like
5

@JosephineJ

thanks but your store password protect

1 Like
6

sorry! ill correct it

1 Like
7

@JosephineJ

no rush thanks for update

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product-grid {
    column-gap: 0;
    justify-content: center;
}
1 Like
8

otherwise, this link might work!

https://doa22lej6s2tzdkx-61803987143.shopifypreview.com

9

Hi, I did that, and it didnt seem to cange

10

@JosephineJ

can you please confirm

KetanKumar_0-1664968189888.png
KetanKumar_0-1664968189888.png1898Ă—942 196 KB

1 Like
11

Sorry now it messed up. I made a new copy to work in: https://gao5ooj1hbwllaru-61803987143.shopifypreview.com

Let me know if it needs a password

1 Like
12

I added the code, but it still didnt change, sorry, i thought your picture was from my preview

1 Like
13

@JosephineJ

thanks for confirm please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.collection.page-width {
    max-width: 100% !important;
    padding: 0 !important;
}
.product-grid {
    column-gap: 0 !important;
}
@media screen and (min-width: 990px) {
.product-grid.grid--3-col-desktop .grid__item {
    width: 33.33333% !important;
    max-width: 33.33333% !important;
}
}

please confirm

KetanKumar_0-1664968763304.png
KetanKumar_0-1664968763304.png1920Ă—942 220 KB

1 Like
14

It is still the same, sorry!

1 Like
15

@JosephineJ

oh sorry but i can’t see code where did you that code?

1 Like
16

I put it at the end of base.css:

https://gao5ooj1hbwllaru-61803987143.shopifypreview.com

Do you need me to send a copy of the script?

1 Like
17

@JosephineJ

sorry but i can’t see if possible to add me staff account and give just theme access so i will quick ck and fix

1 Like
18

Thank you, the one im working in is: Rigtig product page

19

Just to make sure, do you charge for this kind of help, or is it free? :slightly_smiling_face:

1 Like
20

@JosephineJ

don’t worry about its free just check

1 Like