diff --git a/www/app/routes/application.js b/www/app/routes/application.js
index 395c6edd0..e4a63144c 100644
--- a/www/app/routes/application.js
+++ b/www/app/routes/application.js
@@ -95,6 +95,10 @@ export default Ember.Route.extend({
       }
 
       return true;
+    },
+
+    toggleMenu: function() {
+      Ember.$('.navbar-collapse.in').attr("aria-expanded", false).removeClass("in");
     }
   },
 
diff --git a/www/app/templates/application.hbs b/www/app/templates/application.hbs
index 7e5e779b4..3befd021e 100644
--- a/www/app/templates/application.hbs
+++ b/www/app/templates/application.hbs
@@ -11,7 +11,7 @@
       <a class="navbar-brand"><span class="logo-1">{{config.PoolName}}</span> <span class="logo-2">Pool</span></a>
     </div>
     <div class="collapse navbar-collapse">
-      <ul class="nav navbar-nav">
+      <ul class="nav navbar-nav" {{action 'toggleMenu'}}>
         {{#active-li currentWhen='index'}}
           {{#link-to 'index'}}
             <i class="fa fa-home"></i> {{t 'menu.home'}}