Extra space below footer on pages with minimal content
-
Hello,
I have an issue with the Woodmart theme: on pages with a small amount of content (1–2 blocks), there is extra empty space below the footer. Pages with more content display correctly.
I suspect this is related to a global minimum page height set in the theme settings. I have already checked:
Theme settings
Page settings in Elementor
…but I couldn’t find where to remove this fixed height.
Could you please advise how to make the page height adjust automatically to the content, so that no empty space appears below the footer on pages with minimal content?
Thank you!
Attachments:
You must be
logged in to view attached files.
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards
Ok, I wrote the admin login details below.
Hello,
It happens because of a long list of Categories in the Menu. You need to either disable this menu or reorganize the categories hierarchy
https://postimg.cc/XBfbRvGL
Best Regards,
Thank you very much, I understand, but I need this list of categories in the menu exactly in this hierarchy. Could you please tell me if it’s possible to have the subcategory list open in a dropdown or some other alternative, so that it doesn’t stretch the page height?
Hello,
Please 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