Before you ask please READ THIS

Forcing footer to bottom of page

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.

Comments

  • AirAir
    Posts: 10,467
    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.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion