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]

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 on theme.liquid

@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; } }

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!