Fixed mobile footer header with slideout navigation

GP Sites - Navigator Mobile footer menu

/* - GP Sites Navigator - Mobile footer menu
Requires Slide Out menu and mobile header to be selected
*/

#mobile-header {
    position: fixed;
    bottom: 0;
}
#generate-slideout-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    border-radius: 0 10px 0 0;
}
.offside {
    height: auto !important;
    bottom: 0 !Important;
    top: auto;
}
.offside-js--is-open .slideout-overlay {
    opacity: 0.5;
}
.slideout-exit {
    visibility: hidden;
}