product filter in the footer

Hello,

we have placed the product filter in the footer. The issue is that (except on mobile) a white space now appears at the bottom. The product filter extends beyond the page, even when it is in the closed state. Is there a way to avoid this?

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the page URL so I can further check on your site and give you a possible solution?

Best Regards,

Hello,

the site url is: https://tourenplaner.erlebedominicana.com/

Regards
Frank

Hello,

I have checked your site and have not seen the white space under the footer on your site.

See screenshot for clarification: https://ibb.co/S47YqVCJ

Check back your site and check the issue, if you have any questions feel free to contact us.

Best Regards,

hello,

Sorry, but the white border (spacing) below the footer is present — only on desktop. Attached are several screenshots. I believe this might be related to the product filter. On mobile, this spacing does not appear.

The panel that opens “Sehenswertes” may not expand fully on desktop. Because:
a) when I remove the product filter from the footer, the spacing disappears, and
b) when I insert the product filter into the content area, it overlaps other filters when opened.

Regards,
Frank

Attachments:

You must be logged in to view attached files.

Hello,

Yes, I have checked your site in this way but white space is not showing on my end.
https://ibb.co/9kW2s7ZG

Could you please share the screen size (resolution) where you are checking the issue?

Best Regards,

Hello,

1920×1080

Hello,

This happens because dropdowns still occupy layout height even when visually “closed”, so when you place them in the footer they push the page down and create white space. On the desktop, the dropdown container remains in the document flow, so the footer becomes taller than it looks.

To avoid any extra space, you need to prevent the parent from growing and let the dropdown float. Try to add the following custom css code in Theme Settings > Custom CSS > Custom CSS for desktop.

.footer-container .wd-pf-dropdown {
    display: none !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
    top: auto !important;
    bottom: 100% !important;
}

.footer-container .wd-pf-checkboxes {
    position: relative !important;
}

.footer-container .wd-pf-checkboxes.wd-opened .wd-pf-dropdown {
    display: block !important;
}

.footer-container .wd-pf-checkboxes.wd-opened {
    height: auto !important;
    overflow: visible !important;
}

Best Regards

perfectly, thanks

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts