Mobile Spacing within a section (warehouse theme)

Store Design
1

Hi folks, I hope everyone is safe and well.

I’ve got an issue I’d like to fix with the Warehouse theme (specifically on mobile).

The vertical spacing in the promotional blocks section on our homepage in mobile view is much too big for my liking (see screenshot below).

Could someone assist me in getting that reduced to as little as possible please?

Our web address is www.ukaspirevendor.co.uk

Thanks so much!
Dave

Screenshot 2021-12-14 at 09.29.31.png
Screenshot 2021-12-14 at 09.29.31.png990×2230 307 KB

2

@UK_Aspire_Vendo

div#shopify-section-template--15037520183475__promotion-list .section {
     margin: 0px !important ; 
}

Add this code in theme.css

Thank you.

3

Hi mate,

Unfortunately that hasn’t done anything - I’m sorry!

4 
@media screen and (min-width: 600px){
.section {
    margin: 0px!important;
}
}

Add this code. @UK_Aspire_Vendo

5

Hey mate - thanks so much!

This works fantastic on desktop - it looks really good, however on mobile view - nothing has changed unfortunately (which was the main issue).

Thanks so much!
Dave

6 
.section {
   margin: 0px !important; 
}

Add this one

@UK_Aspire_Vendo

7

Stunning work that worked a treat - thank you so much!