Connect footer to bottom page
-
How to connect footer to bottom page? When there is small amount of content on the page and I open page on device with high resolution (2k,4k) I have this issue. How to fix this?
Thank you!
Attachments:
You must be
logged in to view attached files.
Hello,
There is no ideal solution for this and it can be fixed with custom CSS for specific pages only. If you want to do this for the account page, use the following CSS
.woocommerce-account .wd-page-wrapper {
display: flex;
flex-direction: column;
height: 100vh;
}
.woocommerce-account .wd-page-content {
flex-grow: 1;
}
Kind Regards
Thank you, this helps!
How to fix this on this pages:
1. wishlist/
2. cart-page/
You can replace that code with the following one
:is(.woocommerce-cart,.woocommerce-account,.page-id-843) .wd-page-wrapper {
display: flex;
flex-direction: column;
height: 100vh;
}
:is(.woocommerce-cart,.woocommerce-account,.page-id-843) .wd-page-content {
flex-grow: 1;
}
Kind Regards
Thank you!
Unfortunately the wishlist page still have this issue.Â
.
