Page height to fit screen height

[airbornex]

Hi,

I have a page where the content is very limited, and thus is unable to fill up the entire page. As a result, I have the footer and copyright section dangling in the middle of the screen with a bottom section that looks totally out of place. (see attached screenshot for more info)

I have googled and tried many css tricks but none work so far. Hope that someone out there has a solution for this!

Thanks in advance!

[airbornex]

To add on:

I noticed that the bottom gap will increase as screen size increases… So hopefully the solution will be able to cover for most screen sizes. Been trying out many variations of css but to no avail. 🙁

[laranz – SUPPORT]

Hi,

This will happen on every web pages 🙂

Try this.

.page-id-6796 #footer, .page-id-6796 #copyright {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
}

Change the page id value according to the page you have, if the page id is 7 then change it to .page-id-7

How to find a particular page ID: http://www.wpbeginner.com/beginners-guide/how-to-find-post-category-tag-comments-or-user-id-in-wordpress/

Let me know, what you got.

Thanks,
laranz.

[airbornex]

Hmm… The footer and copyright section sticked to the bottom… but the gap in grey is still there due to lack of content. I would like it to fit any screen height so that it looks like one complete page.

Thanks!

[laranz – SUPPORT]

Hi,

The only solution is you need to add content.

Thanks,
laranz.