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;
}
}


URL: