Force footer to bottom on short pages

When you have limited content on a page, the footer may be forced up in the page. You can add CSS to force the footer to the bottom of the page.

1. Go to Customize > Code > CSS Code. (See the Related Articles for how to open Customizer.)
2. Add the following rules.
   
   

   /* Force footer to the bottom on pages with limited content */
   .fl-page {
     position: relative;
     min-height: 100vh;
     padding-bottom: 60px; /* Should be equal to the height of your footer */
   }
   .fl-page-footer-wrap {
     width: 100%;
     position: absolute;
     bottom: 0px;
   }
   	

3. Click Save & Publish.