How to fix mobile menu on top in small devices in Zerif

If you want fixed/sticky menu in small devices also, then you need to add the following code in Appearance -> Customize -> Additional CSS:

@media (max-width: 767px){
  #main-nav, #main-nav.fixed {
     position: fixed;
 }
}