Footer moves up with content

[yingfuli]

Hi,

I have a website in the making with pages that have different lengths in content. As a result the footer moves up on the page when that pages content is smaller than the other page.

How can I get it to stick at the bottom at all times? The website is: wpdept.nl/massage/

[friech]

Hi @yingfuli,

Thank you for writing in, please add this to your section’s Element CSS area

$el.x-section {
	min-height: calc(100vh - 125px);
}

This will make sure that your section will get the full-height (minus the footer height) even if the content is short.

CSS min-height property
CSS calc() Function

Hope it helps,
Cheers!

[yingfuli]

Ah, that works great! Thanks you!

[matt]

You’re very welcome, @yingfuli!