Sticky footer bar on Beaver Builder

Add following code on your css:

If using beaver themer or so:
On Advance create class. Name it, like my-class-footer
then on css do:
.my-class-footer {position:fixed;bottom:0;z-index:999;width:100%;}

If using beaver theme then use following:
/* Fixed Page Footer */
.fl-page-footer {position:fixed;bottom:0;z-index:999;width:100%;}
/*Change to whatever the height of your footer is*/

Add this if you want its always show on bottom even on short pages:
.fl-page-content {
  position: relative;
  min-height: 100vh; /* vh means visual height */
  padding-bottom: 0px; /* Should be equal to the height of your footer */
}

Denny

Motobike & food lovers. Father of four. Workin' on some linux & mikrotik servers. Just simply, enjoyable journey.

Post navigation

Leave a Comment

Leave a Reply

Kosmo Dapatkan notifikasi untuk setiap update yang ada.
Dismiss
Allow Notifications