Beaver Themer — Set Header Layout to be Sticky on Mobile

Author: 

https://gist.github.com/carlosonweb


Description: 

Beaver Themer — Set Header Layout to be Sticky on Mobile




CSS:

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


Javascript:

jQuery(document).ready(function($){
if ( typeof window.FLBuilderConfig === 'undefined' || window.FLBuilderConfig === null ) {
$('header.fl-builder-content').addClass('fl-sticky-on-mobile')
}
});

/**


URL: