Blank space between the footer and pre-footer - Theme DEBUT

Store Design
1

Hello everyone,

I recently added Trust Badges in the pre-footer, but I end up with blank space between the footer itself and the pre-footer that I can’t seem to get rid of. Could someone help me with this? See the image below.

I have tried several code provided in this community unsuccessfully.

Thanks in advance!

Capture d’écran, le 2021-07-23 à 15.01.57.png
Capture d’écran, le 2021-07-23 à 15.01.57.png2860×770 153 KB

1 Like
2

@Toteaddicts

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.

3

hello @Toteaddicts

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

4

Hi,

Here is my URL : https://toteaddicts.com

I’ll send you the landing page password in private.

Thanks!

1 Like
5

All help is welcome!

6

hello @Toteaddicts

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 (min-width: 749px) {
.site-footer{
	margin-top: 0 !important ;
}
}
7

@Toteaddicts

yes please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.site-footer {margin-top: 0;}
8

Hi,

Thank you for your help, problem fixed on the home page as you can notice below.

Capture d’écran, le 2021-07-24 à 19.16.56.png
Capture d’écran, le 2021-07-24 à 19.16.56.png2832×572 125 KB

But it has created another problem on others pages. there is no more space between the footer and elements below, look:

Capture d’écran, le 2021-07-24 à 19.15.34.png
Capture d’écran, le 2021-07-24 à 19.15.34.png2120×354 76.8 KB

This is only one of the page who lost space. Is there any solution?

Regards,

1 Like
9

@Toteaddicts

oh please remove first one and add this code

.template-index .site-footer {
    margin-top: 0px !important;
}
2 Likes
10

hello @Toteaddicts

please remove the last code and update with this code

@media only screen and (min-width: 749px) {
.template-index .site-footer {
    margin-top: 0px !important;
}
}
1 Like