Hi,
Try something like this in Custom CSS,
.page-id-5864 #footer { position: fixed; bottom: 0px; width:100%; }
if you have Copyright area activated means, try this instead of the above one.
.page-id-5864 #footer { position: fixed; bottom: 52px; width:100%; } #copyright { position: fixed; bottom: 0; width: 100%; }
but the footer will be by default display after the content, so if the content is small, it will display like you said, so the above CSS can fix this, but that is one of the CSS hack used to put the footer in the bottom, there are other ways too you can try that by Googling.
Let us know,
Thanks,
laranz.