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

Solved
Toteaddicts
Excursionist
34 0 8

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

 

KetanKumar
Shopify Partner
22476 2276 8363

@Toteaddicts 

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

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1891 492 1172

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.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
Toteaddicts
Excursionist
34 0 8

Hi,

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

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

Thanks!

Toteaddicts
Excursionist
34 0 8

All help is welcome!

0 Likes
Natztech
Shopify Partner
1891 492 1172

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

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
KetanKumar
Shopify Partner
22476 2276 8363

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Toteaddicts
Excursionist
34 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

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

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

Regards,

KetanKumar
Shopify Partner
22476 2276 8363

This is an accepted solution.

@Toteaddicts 

oh please remove first one and add this code

.template-index .site-footer {
    margin-top: 0px !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
1891 492 1172

This is an accepted solution.

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

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly