How to remove extra padding under my paragraphs on Mobile View for Dawn Theme

[Verterra]

Hi, I am trying to tidy up the mobile view of my shopify store.

I noticed that for sections with Image & Text, there is alot of extra space below the text which leads to weird empty blanks on mobile view (but it's fine on desktop). I'm not sure if this is because I put 48px bottom-padding using the customiser, as I wanted some breathing space for desktop view. Anyone know how I can remove the blank space for mobile view without affecting the current layout I've done for desktop? 

Thanks!

[BSSCommerce-HDL · Accepted solution]

Hi @Verterra, Pls insert this code to your file css 

@media only screen and (max-width: 749px) {
    .image-with-text__content {
       padding-bottom: 0 !important;
    }
}

Here is result: 

Hope this can help you

[Verterra]

Hi, This worked like a charm! Thank you 🙂