How can I remove the white gap between my newsletter and footer in Debut Theme?

Store Design
1

Hello!

I am trying to remove the white gap between my Newsletter and my Footer in Debut Theme.

It should remove this gap:

It looks like this on Mobile:

Screenshot_20210917_170347_com.android.chrome.jpg
Screenshot_20210917_170347_com.android.chrome.jpg1080×2340 112 KB

The white Gap you can see between the Newsletter to Produkte should be in the same background colour of the Footer and the Newsletter.

I am trying to achieve this on Desktop Version and also on Mobile Version.

Preview Link of Shopify Store: https://lokkc3cyfsmabcav-55346790574.shopifypreview.com/

I hope someone can help me with this.

Thanks in advance!

Berkan

2

hello @Berkan1

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 768px){
.site-footer.critical-hidden{
    margin-top: 0px;
    padding: 0px ;
}
}
3

@Berkan1

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px) {
.site-footer {
    margin-top: 20px;
    padding: 0px;
}
}
4

Thank you!

Is it possible to add this to all the other pages aswell?

5

@Berkan1

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 749px){
.site-footer.critical-hidden {
    padding: 0!important;
    margin-top: 0px!important;
}

#shopify-section-newsletter.index-section {
    padding-bottom: 0px !important;
}

}