June 24, 2018
Make the Top Bar Sticky in Beaver Builder Theme
Description:
Kind:
CSS, Beaver
CSS:
/* # Site Header Sticky
---------------------------------------------------------------------------------------------------- */
.admin-bar .fl-page-nav-right.fl-page-header-fixed,
.admin-bar .fl-page-header-fixed, .admin-bar .fl-page-header-vertical {
top: 67px;
}
@media (min-width: 750px) {
.fl-page .fl-page-bar {
position: fixed;
width: 100%;
z-index: 9999;
}
.fl-page-bar-container .fl-page-bar-row {
margin-left: 0;
margin-right: 0;
}
.fl-page-nav-right.fl-page-header-fixed,
.fl-page-header-fixed {
top: 35px;
}
.fl-page-header {
padding-top: 35px;
}
.fl-page-header-fixed {
padding-top: 0;
}
}