Strange Extra White Gap Margin below Footer

Hi there,

Greeting for the day~
We encounter a strange display in single product: there is a big white gap below footer and can not remove it away.
Link: https://new.climapro.com/product/outdoor-wall-light/

[Background info]
1) The footer is using Html block, and this single product page is using product Layout.
2) The footer is using Gradium css code:
/* footer background gradient color */
footer.wd-footer{
background: rgb(0,71,143);
background: linear-gradient(135deg, rgba(0,71,143,1) 36%, rgba(0,102,161,1) 67%, rgba(0,150,238,1) 100%);
}

We tried and check the layout, html block, but didn’t find the reason, Can you help to have a quick look?

Best regards,
Luie

Attachments:

You must be logged in to view attached files.

Hi lswang6,

Thanks for reaching to us.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

body.wd-sticky-btn-on {
		padding-bottom: 0;
}

Regards,

Hi Mr. Hung, It works! Thank you and wish you a wonderful year 2025!

Can close ticket now 🙂

[Author]

Posts