Footer in middle on desktop

Hey, try adding this to your custom css box in theme options > advanced settings:

@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 88px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

Hannah

This is happening because there isn’t enough content on the page to push it down. But the above code should fix it.

Hey hannah ..

Thanks for your reply but problem is still there. Check this link. I want footer should not move either there is content or not.

https://www.bmania.in/contact-us/

I just checked in three different browsers and the footer appears at the bottom in all. Which browser are you using?

Safari private mode in Ipad. Is it device specific issue ?

Not necessarily device, but browser and screen size. I re-sized me screen and can see your issue. Try removing the above code and adding this:

@media (min-width: 400px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 88px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

Perfect, Many many thanks. ??