Forcing footer to bottom of page

shoupsolutions

I am using the Blame theme (downloaded and installed today). Some of my pages do not have a lot of content, and the footer appears halfway down the page. I would like to force it to be at the bottom of the page/screen, ideally with no scrollbar, and ideally for all devices. To see an example, try http://www.kuppersandcompany.ca/wordpress/

I tried setting a custom CSS like this:

#mid {
height: 90%;
}

and that got it pretty close, but I don't know what that will do for pages that are actually taller than the screen, or on certain mobile devices where even these pages without a lot of content might be the full height or more of the screen.

Any advice you can give would be greatly appreciated.

Air

Hello there:-)

shoupsolutions said: I would like to force it to be at the bottom of the page/screen, ideally with no scrollbar, and ideally for all devices.

I was working on same thing on Friday for my new theme, and it ends up it is not possible, unless you have fixed(known) height footer. Even then it needs some funny CSS :-)

Here is one example of achieving this https://css-tricks.com/snippets/css/sticky-footer/

I personally need solution for unknown height footer, as I don't know what will users of my theme put into it. Unfortunately it just doesn't exist :-( I think I will have to resort to JS.

With kind regards.