How to restrict footer to specific height and sit at bottom of viewport?

Site URL: https://www.no-frames.com/photo-test/category/Lifestyle

Hi, 

In case my client has short pages, without much content, how to keep the footer consistently at the bottom of the viewport and the same height across desktop to tablet?

Right now, the footer is aligned top to the bottom of the page content, and the bottom of the footer extends it's background color to the bottom of the browser window.

View this page in tablet size:

https://www.no-frames.com/photo-test/category/Lifestyle

8 hours ago, hellomw said:

Site URL: https://www.no-frames.com/photo-test/category/Lifestyle

Hi, 

In case my client has short pages, without much content, how to keep the footer consistently at the bottom of the viewport and the same height across desktop to tablet?

Right now, the footer is aligned top to the bottom of the page content, and the bottom of the footer extends it's background color to the bottom of the browser window.

View this page in tablet size:

https://www.no-frames.com/photo-test/category/Lifestyle

The layout on desktop is the same as one on tablet. Do you mean set the same on mobile?

Oh, it looks ok now.

I must've taken something out of my CSS that was causing it! Sorry for the trouble. Thank you for taking the time to look, I appreciate it.  @bangank36