Adjust space between 2 section on mobile

[NikosBat]

Hello guys, how can I adjust the space between these 2 sections only for mobile.

 

[Tech_Coding · Accepted solution]

Hello @NikosBat 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width:767px){
   .section-template--22800324755788__multicolumn_YbEyci-padding{
      padding-bottom: 3px !important;
    }
    #shopify-section-template--22800324755788__multicolumn_YbEyci .multicolumn-card__info{
        padding-bottom: 0 !important;
     }
}
</style>
RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[NikosBat]

Thank you very much Tech_Coding that has solved my problem

[websensepro]

Hi @NikosBat 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:749px){
.page-width.section-template--22800324755788__multicolumn_YbEyci-padding.isolate.scroll-trigger.animate--slide-in {
    padding-bottom: 10px !important;
}
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!