Stick footer to the bottom of the browser window - Forum | JoomShaper
Staff replied Helix Framework

Stick footer to the bottom of the browser window

Asked by Nigel Hancock 3 years ago Last activity 3 years ago

www.extole.eu

I want the purple footer bar to stick to the bottom of the browser window, instead of appearing like a bar across the page with whie underneath it, any advice please

2 replies

Oldest first Newest first Most helpful
Pavel
3 years ago · edited

Hi. There is no corect solution in documentation. Footer in fixed position is that used extremely rarely and in very specific case.

Here is main solution. I think this should be added to the documentation.

.body-innerwrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
#sp-main-body {
    margin-bottom: auto;
}

Note: This can also be achieved by another code. But this is the only solution that does not conflict with popup

Mehtaz Afsana Borsha Staff
3 years ago

Thanks a lot Pavel.

Log in to reply.