Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Beaver Themer -- Set Header Layout to be Sticky on Mobile
jQuery(document).ready(function($){
if ( typeof window.FLBuilderConfig === 'undefined' || window.FLBuilderConfig === null ) {
$('header.fl-builder-content').addClass('fl-sticky-on-mobile')
}
});
/**
* The CSS for fl-sticky-on-mobile
@media (max-width:992px){
.fl-sticky-on-mobile{
position: fixed !important;
width: 100% !important;
left: 0 !important;
top: 0 !important;
z-index: 9999 !important;
border-top: 0 !important;
}
.fl-page-content{
padding-top: 200px;
}
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment