How can I reduce the space above my newsletter on both desktop and mobile?

I want to reduce this space above my newsletter. (in desktop as well as mob)

Please help me out.

1 Like

@AhmedAkram

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:

Thanks for your good question.

Please share your site URL,

I will check out the issue and provide you a solution here.

https://bubeautybrand.com/pages/our-story

Thanks for reaching me!!

@AhmedAkram

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.section-template--15476780400800__newsletter-padding {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

@KetanKumar thanks for reaching me.

I have put code but it does not reduce the white space above newsletter. I have also made padding 1px. but no result.

https://bubeautybrand.com/

.section-template–15476780400800__newsletter-padding {
margin-top: -120px !important;
padding-bottom: -40px !important;
}

this code works!!!