Dawn theme: increase space between product cards in the grid.

[nd500]

Hi! How do I increase space between the product cards on collection pages on desktop version?

Right now the product listings are too close to each other. Link: https://bit.ly/3RA22WP

[KetanKumar]

@nd500 

oh sorry for that issue, can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
.product-grid.grid {
    margin-left: -25px;
}
.product-grid .grid__item {
    padding-left: 25px;
}
}

[nd500]

It does not work 😕

[KetanKumar]

@nd500 

can please let me know where did you add this code and which spacing do you have add or less

[dlynaustin]

Hi! This worked for me! Can you tell me also how to add more space between the collection grid on homepage?

www.assifassefi.com pw skawst

Thank you! 

[micahgerges]

Is there an equivalent code for mobile? It doesn’t seem to work other than desktop.

 

[RayErogan]

Need this code to work on phones too