How to increase side padding / white space on Collections Page on mobile view – Baseline Theme

[MJ82]

Hello,

How to increase side padding / white space on Collections Page on mobile view only – Baseline Theme?

At the moment on mobile view, the product images (the largest images in this collection, that is) go right to the edge of the screen, I wish to add some white to either side please, URL is: https://contrakidsmutiny.com/collections/new-arrivals 

Thanks!

[Rahul_dhiman · Accepted solution]

Hello @MJ82 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->theme.min.css
add this code at the end of the file.

ul.grid.grid-cols-2.lg\:grid-cols-4.gap-gutter.bg-border {
margin: 5px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[MJ82]

Thanks a lot, that worked!

One other question now:

1) On the homepage at the bottom, how can I similarly adjust the side margins at the bottom where some of the collection appears? Pls see here: https://contrakidsmutiny.com/ 

(I removed the grid lines actually, so that was manual change I just made, thanks)