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

Solved

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

MJ82
Excursionist
41 1 12

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!

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
610 120 121

This is an 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
11.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 2 (2)

Rahul_dhiman
Shopify Partner
610 120 121

This is an 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
11.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
MJ82
Excursionist
41 1 12

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)