Tutorials › How to create a sticky footer in Beaver Builder

How to create a sticky footer in Beaver Builder

Written by WP Sofia

Written by WP Sofia

Updated 4 years ago

Overview

Steps for creating a sticky footer in Beaver Builder, which is useful for pages with little to no content.

Steps

  1. Open your style.css file located in the bb-theme-child folder
  2. Copy and paste the following code 
/* Sticky footer */
.fl-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.fl-page-content {
    flex-grow: 1;
}
/* End of sticky footer */
  1. Save the file
  2. Refresh your website (this may require clearing your cache)