Attach PRO footer to bottom page

[matthijssmeets]

Product: PRO
URL: https://hetmediabedrijf.nl/

Hi Support,

How do I attach the footer to the bottom of the page (without adding content/margins)?

Thanks!
Matthijs

[jordanj]

Hello there,

Thank you for writing in!

To attach the footer please click Pro --> Launch --> Footers.

Once on this page, please click on the footer you’d like to assign this page and then in the right hand side you get a choice of making the footer global or implementing it onto a single page.

I hope this helps.

[matthijssmeets]

Hi @jordanj,

Footer is already globally assigned. If you look at my screenshot you see the blank space below the footer. I want the footer to be always completely on the end of the page.

Hope you understand.

Matthijs

[ruenel]

Hello There,

Please understand that the Footer will always follow after the content area. If you do not have enough contents, then surely, the footer will have a space below it because the total height of the header + content area + footer is less than the height of the browser. To be able to resolve this, we will need to set a default minimum height for the content area so that the footer will always stay at the bottom and leave no space below it. Please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-main {
    min-height: calc(100vh - 416px);
}

The 416px is the combined height of the header and the footer. We have to subtract it to the browser height which is 100vh and the result is the minimum height needed for the content area so that the footer will always stay at the bottom.

Hope this explains your issue.

[matthijssmeets]

Brilliant! Thanks @RueNel

[Joao]

Glad to hear we managed to help!