Salient - Responsive Multi-Purpose Theme

add this into your custom css box located in the Salient options panel:

@media only screen and (min-width : 1px) and (max-width : 1000px) {
   body #header-space {
      height: 56px!important;
      display: block!important;
   }
   body #header-outer {
        position: fixed !important;
   }
   #mobile-menu {
     position: fixed!important;
     top: 52px!important;
     width: 100%!important;
   }
}

Note: Might be incompatible with some smartphones .