Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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
If this was helpful, hit the like button and accept the solution.
Thanks
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
If this was helpful, hit the like button and accept the solution.
Thanks
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)
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024