SupportCategory: BC Business ConsultingMake footer fixed to bottom of view
AvatarGregg Schroeder asked 3 weeks ago

Hello, I’m using BC Business Consulting Pro theme and I have a Contact page with very little content. The footer is floating up to the bottom of content. I’d like to shove the footer to the bottom of the window. Not floating at bottom regardless of content, but only when page content is insufficient to push it down far enough. 

Here’s the site.
https://solarset.com/contact-us/

I’ve tried adding this CSS to the Theme>Customize>Add CSS, but nothing changes. 

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

1 Answers
AvataraThemeArt Staff answered 2 weeks ago

Hi
would you try with below

html, body { 
 padding-bottom: 50px;
}
.footer-main {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
}