diff --git a/app/index.html b/app/index.html
index a331222..995626c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -26,7 +26,7 @@
     <!-- endbuild -->
 </head>
 <body class="hold-transition skin-aria-ng sidebar-mini fixed">
-<div class="wrapper" ng-controller="MainController">
+<div class="wrapper" ng-controller="MainController" ng-swipe-left="hideSidebar()" ng-swipe-right="showSidebar()" ng-swipe-disable-mouse>
     <header class="main-header">
         <a class="logo" href="#">
             <span class="logo-mini">Aria</span>
diff --git a/app/scripts/controllers/main.js b/app/scripts/controllers/main.js
index 8298113..b815ca4 100644
--- a/app/scripts/controllers/main.js
+++ b/app/scripts/controllers/main.js
@@ -47,6 +47,14 @@
             }
         };
 
+        $scope.showSidebar = function () {
+            angular.element('body').removeClass('sidebar-collapse').addClass('sidebar-open');
+        };
+
+        $scope.hideSidebar = function () {
+            angular.element('body').addClass('sidebar-collapse').removeClass('sidebar-open');
+        };
+
         if (ariaNgSettingService.getGlobalStatRefreshInterval() > 0) {
             globalStatRefreshPromise = $interval(function () {
                 refreshGlobalStat();
