July 17, 2019
Adding a Sticky Footer to Beaver Builder Theme with CSS
Author:
wp beaches
Description:
A sticky footer refers to a web page footer that sticks to the foot of the page even when there is not a lot of content on the page, without one the footer will ride up leaving the layout somewhat unsightly.
Kind:
CSS, Beaver
CSS:
/* Sticky Footer */
.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;
}