improve mobile menu

public/css/main.less

@@ -610,8 +610,9 @@ thead {
 }
 
 .hamburger-dropdown {
-  @media (max-width: 768px) {
-    margin-top:  -5px;
+  margin-top:  -5px !important;
+  @media (min-width: 768px) and (max-width: 991px) {
+    width: 105%;
   }
 }
 
@@ -884,8 +885,7 @@ iframe.iphone {
 .hamburger-text {
   line-height: 0.75em;
   margin-top: 10px;
-  font-size: 16px;
-  margin-left: -8px;
+  font-size: 18px;
 }
 
 .tight-h3 {

views/partials/navbar.jade

@@ -1,13 +1,8 @@
 nav.navbar.navbar-default.navbar-fixed-top.nav-height
     .navbar-header
         button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
-            .col-xs-6
+            .col-xs-12
                 span.hamburger-text Menu
-            .col-xs-6
-                span.sr-only Toggle navigation
-                span.icon-bar
-                span.icon-bar
-                span.icon-bar
         a.navbar-brand(href='/')
             img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz', alt='learn to code javascript at Free Code Camp logo')
     .collapse.navbar-collapse
@@ -28,7 +23,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
                 a(href='/news') News
             li
                 a(href='/field-guide') Guide
-            li.hidden-xs.hidden-sm
+            li
                 a(href='/jobs') Jobs
             if !user
                 li      
@@ -37,9 +32,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
             else
                 li
                     if (user.profile.username)
-
                         a(href='/' + user.profile.username) [ #{user.progressTimestamps.length} ]
-
                     else
                         a(href='/account') [ #{user.progressTimestamps.length} ]
                 .hidden-xs.hidden-sm