How to minimize padding only for mobile version

[NikosBat]

Hello guys, 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){
.slideshow__text.banner__box.content-container {
    padding-bottom: 0 !important;
}
}

Here is the result: 

 

I hope this helps

Best,

Daisy

[NikosBat]

Hello there, now the padding is 0, can I somehow adjust the padding? Im trying to change the 0 to 5 or 10 but its not working, I want to have a little more space between these 2, not the space is 0 and it dont look that good

[DaisyVo]

HI @NikosBat 

Please add this code 

@media screen and (max-width: 768px){
h2.collection-list-title {
    font-size: 24px !important;
}
}

Result: 

 

[NikosBat]

Thanks DaisyVo that worked for me