How to disable hamburger menu on mobile Zerif

If you don't have so many menu items and you would like to disable the hamburger menu icon on mobile, here is how you can do it : 

  1. Install a custom css plugin like : https://wordpress.org/plugins/simple-custom-css/
  2. Add the following css code :
  3. @media screen and (max-width: 768px) { 
      .navbar-toggle { 
           display:none !important; 
       } 
       nav.navbar-collapse { 
          display:block !important;
     } 
    .responsive-logo { 
      float:left !important; 
    } 
    nav.navbar-collapse ul li { 
     width: auto !important; margin-left: 10px !important; border-bottom: none !important; 
    } 
    }