Force footer to bottom of page on short pages

  • Resolved terry777

    (@terry777)


    8 years, 3 months ago

    I have a couple of pages that are short, at least for the time being, and so the footer starts halfway down the page, leaving a large dark gray area on the lower half.

    I used to be able to add this css, on other sites, to force the page to fill the vertical space and force the footer to the bottom, but it doesn’t seem to work on this theme:

    html, body {
    height: 100.1%;
    margin: 0;
    }

    Not sure why margin set to 0.

    Is there a way to do this?
    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi @terry777

    Ultra doesn’t have a sticky footer but you can perhaps, set a content container min-height like this:

    .site-content {
	min-height: 1000px;
}

    Adjust as required.

    Thread Starter terry777

    (@terry777)

    Thanks. Can min-height be set to 100%?

    Theme Author Andrew Misplon

    (@misplon)

    Unfortunately, divs don’t support 100% height. The basic, static solution I’ve proposed above is all that’s really available, short of a JavaScript sticky footer which Ultra doesn’t have at the moment.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Force footer to bottom of page on short pages’ is closed to new replies.