Hey, trying to reduce the padding on the product cards for mobile. (reference image below)
hopefully there’s a good way to do this.
Shop: https://1qnexqkds80ro6tm-66895675693.shopifypreview.com
Thank you!
Topic summary
A user sought to reduce padding on mobile product cards in their Shopify store. They provided a reference image showing the current spacing issue.
Solution provided:
- Add custom CSS to the end of the
base.cssfile - The CSS targets
.card--card .quick-addand.card__contentclasses - Sets padding to 0.5rem and removes left/right margins using
!importantflags
Outcome:
The CSS solution successfully resolved the padding issue. The discussion is now closed with the problem solved.
@memikee - please add this css to the very end of your base.css file and check
.card--card .quick-add{margin-left: 0 !important; margin-right: 0 !important;}
.card__content{padding: 0.5rem !important;}
It worked!
Thank you for your help 