Padding between blocks in mobile

Site URL: https://www.bradmurphyforcongress.com/meet-brad

Hi, The padding between these two blocks disappears on mobile. Any idea of how to fix that?

1 hour ago, JennWalker said:

Site URL: https://www.bradmurphyforcongress.com/meet-brad

Hi, The padding between these two blocks disappears on mobile. Any idea of how to fix that?

 

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  .newsletter-form-button-wrapper,
  .newsletter-form-fields-wrapper,
  .newsletter-form-footnote p {
    margin-top: 0 !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

On 12/11/2021 at 9:07 PM, bangank36 said:

My testing result

Sorry, I meant a space between the 2 blocks (the grey and the blue). 

@JennWalker The spacer block is hide on mobile, so problem appear. You can add this to Design > Custom CSS to make spacer block appear, then the gap will be back.

/* Mobile space between blue gray */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1638921051396_4698 {
    display: block;
}
}