Minimize padding only for mobile version

[NikosBat]

Hello friends, how can I minimize the padding in this section only for mobile version?

 

[DaisyVo · Accepted solution]

Hi @NikosBat 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
.slider-buttons > button {
    height: 30px !important;
}
.collection-list-wrapper.page-width {
    padding-bottom: 0 !important;
}
ul.collection-list.contains-card {
    margin-bottom: 0 !important;
}
ul.collection-list.contains-card > li {
    padding-bottom: 0 !important;
}
ul.collection-list.contains-card > li > .card-wrapper.collection-card-wrapper .card.card--standard.card--media > .card__content .card__information {
    padding-bottom: 0 !important;
}
}

Here is the result: 

I hope this helps

 

Best,

Daisy