Stick Footer To The Bottom Of The Browser Window - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Stick Footer To The Bottom Of The Browser Window

NH

Nigel Hancock

Helix Framework 2 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

0
3 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #120823

Hi there!

Are you talking about the sticky footer?

Then the following documentation link will help you, please find the portion named "How to set sticky/fixed footer":

https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do

Best Regards

0
Pavel
Pavel
Accepted Answer
2 years ago #120835

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #120839

Thanks a lot Pavel.

0