How to Push Footer to the Bottom

This tutorial shows how to pin the footer to the bottom of browser when there is less content on pages in GeneratePress.



Here’s how

Add this CSS:

html {
    height: 100%;

body {
    display: flex;
    flex-direction: column;
    height: 100%;

.site-footer {
    margin-top: auto;

Leave a Comment