diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss
index b63f217f5..289f6e45e 100644
--- a/app/assets/stylesheets/header.scss
+++ b/app/assets/stylesheets/header.scss
@@ -9,6 +9,14 @@ header > .dark-header > nav {
 
   @media (max-width: $grid-float-breakpoint-max) {
     .col-lg-10 { padding: 0; }
+    #navbar-collapse {
+      &.collapse.in {  overflow: visible; }
+      .form-group, .twitter-typeahead  {
+        display: block !important;
+        margin-bottom: 0;
+        &, & input { width: 100% }
+      }
+    }
   }
   @media (min-width: $grid-float-breakpoint) {
     input[type="search"] {
diff --git a/app/assets/templates/header_tpl.jst.hbs b/app/assets/templates/header_tpl.jst.hbs
index e835337a1..1f7804784 100644
--- a/app/assets/templates/header_tpl.jst.hbs
+++ b/app/assets/templates/header_tpl.jst.hbs
@@ -94,6 +94,7 @@
                 {{#if current_user.admin}}
                   <li><a href="/admins/dashboard">{{t "header.admin"}}</a></li>
                 {{/if}}
+                <li class="visible-sm visible-xs"><a href="/mobile/toggle">{{t "header.toggle_mobile"}}</a></li>
                 <li><a href="/users/sign_out" data-method="delete">{{t "header.log_out"}}</a></li>
               </ul>
             </li>
diff --git a/config/locales/javascript/javascript.en.yml b/config/locales/javascript/javascript.en.yml
index eb2c0efb5..d8491bdaf 100644
--- a/config/locales/javascript/javascript.en.yml
+++ b/config/locales/javascript/javascript.en.yml
@@ -228,6 +228,7 @@ en:
       admin: "Admin"
       log_out: "Log out"
       toggle_navigation: "Toggle navigation"
+      toggle_mobile: "Toggle mobile"
 
       notifications: "Notifications"
       conversations: "Conversations"