Struggling to get the Magento footer to stay at the bottom of the page?
Check out this link:
This seems to be a common issue with Magento, but there are various solutions available. I've included one here that might be helpful for someone else: .
Unfortunately, the provided solution didn't work in this case.
I attempted to adjust the height and padding of the main-container and footer-container, as well as clearing the float.
The code snippet used is:
html, body {height: 100%;}
#wrapper {min-height: 100%;}
#main-container {overflow:auto;
padding-bottom: 228px;} /* must be same height as the footer */
#footer-container {position: relative;
margin-top: -228px; /* negative value of footer height */
height: 228px;
clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;}
Unfortunately, neither approach worked on this particular page.
If you have any ideas or solutions, please share!
Thanks for all the responses. The issue was resolved by using:
.page{ height: 100vh;}
This CSS property defines the height according to the browser window, effectively pushing the footer down. Hopefully, this tip can assist others facing a similar problem.