diff --git a/src/app/components/app-header/app-header.component.html b/src/app/components/app-header/app-header.component.html
index 26efb03..aba23e2 100755
--- a/src/app/components/app-header/app-header.component.html
+++ b/src/app/components/app-header/app-header.component.html
@@ -1,7 +1,7 @@
 <header class="app-header navbar">
   <button class="navbar-toggler d-lg-none" type="button" appMobileSidebarToggler>&#9776;</button>
   <a class="navbar-brand" href="#"></a>
-  <button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>
+  <!--<button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>-->
   <ul class="nav navbar-nav d-md-down-none">
     <li class="nav-item px-3">
        <a class="nav-link" routerLinkActive="active12" [routerLink]="['/dashboard']"><i class="icon-speedometer"></i> Dashboard</a>
diff --git a/src/app/directives/sidebar/sidebar.directive.ts b/src/app/directives/sidebar/sidebar.directive.ts
index 2f95739..d78d128 100755
--- a/src/app/directives/sidebar/sidebar.directive.ts
+++ b/src/app/directives/sidebar/sidebar.directive.ts
@@ -34,8 +34,12 @@ export class SidebarMinimizeDirective {
 @Directive({
   selector: '[appMobileSidebarToggler]'
 })
-export class MobileSidebarToggleDirective {
+export class MobileSidebarToggleDirective implements OnInit{
   constructor() { }
+  
+  ngOnInit(){
+       document.querySelector('body').classList.toggle('sidebar-hidden');
+  }
 
   // Check if element has class
   private hasClass(target: any, elementClassName: string) {