diff --git a/app/views/includes/foot.jade b/app/views/includes/foot.jade
index c18dc188..2dcf9b4e 100755
--- a/app/views/includes/foot.jade
+++ b/app/views/includes/foot.jade
@@ -5,6 +5,7 @@ script(type='text/javascript', src='/lib/angular-resource/angular-resource.js')
 
 //Angular UI
 script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap-tpls.js')
+script(type='text/javascript', src='/lib/angular-bootstrap/ui-bootstrap.js')
 script(type='text/javascript', src='/lib/angular-ui-utils/modules/route/route.js')
 
 //Application Init
diff --git a/app/views/layouts/default.jade b/app/views/layouts/default.jade
index 5e242b17..8066ad95 100755
--- a/app/views/layouts/default.jade
+++ b/app/views/layouts/default.jade
@@ -2,7 +2,7 @@
 html(lang='en', xmlns='http://www.w3.org/1999/xhtml', xmlns:fb='https://www.facebook.com/2008/fbml', itemscope='itemscope', itemtype='http://schema.org/Product')
   include ../includes/head
   body
-    .navbar.navbar-inverse.navbar-fixed-top(data-ng-include="'views/header.html'", data-role="navigation")
+    .navbar.navbar-inverse(data-ng-include="'views/header.html'", data-role="navigation")
     section.content
       section.container
         block content
diff --git a/public/js/controllers/header.js b/public/js/controllers/header.js
index eb6254a2..1c1b04fc 100644
--- a/public/js/controllers/header.js
+++ b/public/js/controllers/header.js
@@ -8,4 +8,6 @@ angular.module('mean.system').controller('HeaderController', ['$scope', 'Global'
         "title": "Create New Article",
         "link": "articles/create"
     }];
+    
+    $scope.isCollapsed = false;
 }]);
\ No newline at end of file
diff --git a/public/views/header.html b/public/views/header.html
index a545dbb8..c31052ec 100644
--- a/public/views/header.html
+++ b/public/views/header.html
@@ -1,13 +1,13 @@
 <div class="container" data-ng-controller="HeaderController">
     <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+        <!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
-        </button>
+        </button> -->
         <a class="navbar-brand" href="/">MEAN - A Modern Stack</a>        
     </div>
-    <div class="navbar-collapse collapse">
+    <div class="navbar-collapse collapse in">
         <ul class="nav navbar-nav">
             <li data-ng-repeat="item in menu" data-ng-show="global.user" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">
                 <a href="#!/{{item.link}}">{{item.title}}</a>