Footer and Section Gap Color Debut Theme

Solved
Berkan1
Excursionist
14 1 3

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

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

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9765 2228 3065

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 4 (4)
Natztech
Shopify Partner
2236 565 1373

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
Shopify Partner
9765 2228 3065

This is an 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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Berkan1
Excursionist
14 1 3

Thank you! 

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

dmwwebartisan
Shopify Partner
9765 2228 3065

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

}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →