diff --git a/css/style.css b/css/style.css
index faeab3f5c..c6c82ecdb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -135,7 +135,7 @@ button.button-inline:hover {
 	color: #333333;
 	position: relative;
 	z-index: 120;
-	height: 44px;
+	min-height: 44px;
 	display: flex;
 	align-items: center;
 	font-size: 14pt;
@@ -154,6 +154,14 @@ button.button-inline:hover {
 	padding: 7px;
 }
 
+#app-navigation-toggle {
+	position: relative;
+	top: 0px;
+	width: 44px;
+	height: 44px;
+	cursor: pointer;
+}
+
 .board-header-controls {
 	margin-left: auto;
 	align-items: center;
diff --git a/js/controller/AppController.js b/js/controller/AppController.js
index bc3242e0d..b60a2c8bf 100644
--- a/js/controller/AppController.js
+++ b/js/controller/AppController.js
@@ -24,6 +24,10 @@ app.controller('AppController', function ($scope, $location, $http, $route, $log
     $rootScope.sidebar = {
         show: false
     };
+    $rootScope.navibar = {
+        show: true
+    };
     $scope.sidebar = $rootScope.sidebar;
+    $scope.navibar = $rootScope.navibar;
     $scope.user = oc_current_user;
 });
\ No newline at end of file
diff --git a/templates/main.php b/templates/main.php
index ed014caba..f2e675ed5 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -58,7 +58,7 @@ if(!\OC::$server->getConfig()->getSystemValue('debug', false)) {
 
 <div id="app" class="app-deck" data-ng-app="Deck" ng-controller="AppController" ng-cloak>
 
-	<div id="app-navigation" data-ng-controller="ListController" ng-init="initSidebar()">
+	<div id="app-navigation" data-ng-controller="ListController" ng-init="initSidebar()" ng-if="navibar.show">
 		<?php print_unescaped($this->inc('part.navigation')); ?>
 		<?php /* print_unescaped($this->inc('part.settings')); */ ?>
 	</div>
diff --git a/templates/part.board.mainView.php b/templates/part.board.mainView.php
index ede5fedb8..51c5b1bec 100644
--- a/templates/part.board.mainView.php
+++ b/templates/part.board.mainView.php
@@ -6,6 +6,7 @@
 </div>
 
 <div id="board-header">
+	<div id="app-navigation-toggle" class="icon-menu" ng-click="navibar.show=!navibar.show"></div>
 	<a class="crumb" href="#" title="<?php p($l->t('All Boards')); ?>">
 		<i class="icon icon-home"></i>
 		<span class="hidden-visually"><?php p($l->t('All Boards')); ?></span>