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

[Berkan1]

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:

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

[Kinjaldavra]

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 ;
}
}

[dmwwebartisan · Accepted solution]

@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;
}
}

[Berkan1]

Thank you! 

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

[dmwwebartisan]

@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;
}

}