diff --git a/Bootstrap.Admin/Content/css/site-responsive.css b/Bootstrap.Admin/Content/css/site-responsive.css
index fc6cd773..b4acbb05 100644
--- a/Bootstrap.Admin/Content/css/site-responsive.css
+++ b/Bootstrap.Admin/Content/css/site-responsive.css
@@ -32,6 +32,10 @@
         right: 15px;
         left: auto;
     }
+
+    .dropdown-menu.menu {
+        min-width: inherit;
+    }
 }
 
 @media (min-height: 700px) {
diff --git a/Bootstrap.Admin/Content/css/site.css b/Bootstrap.Admin/Content/css/site.css
index e3fbf155..f17cf485 100644
--- a/Bootstrap.Admin/Content/css/site.css
+++ b/Bootstrap.Admin/Content/css/site.css
@@ -495,12 +495,14 @@ div button span {
 
 .dropdown-menu.menu {
     top: 50px;
-    left: 15px;
+    left: 6px;
     margin-right: 15px;
+    min-height: 160px;
+    min-width: 280px;
 }
 
     .dropdown-menu.menu .arrow-up {
-        left: 43px;
+        left: 8px;
         top: -10px;
     }
 
diff --git a/Bootstrap.Admin/Scripts/Content.js b/Bootstrap.Admin/Scripts/Content.js
index b182164e..a862f746 100644
--- a/Bootstrap.Admin/Scripts/Content.js
+++ b/Bootstrap.Admin/Scripts/Content.js
@@ -1,4 +1,6 @@
 $(function () {
+    $('#navbar').attr('data-toggle', "dropdown").addClass('dropdown-toggle');
+
     function iframeResposive() {
         try {
             var fra = $('iframe').get(0);
diff --git a/Bootstrap.Admin/Views/Shared/Header.cshtml b/Bootstrap.Admin/Views/Shared/Header.cshtml
index d085d014..e22343df 100644
--- a/Bootstrap.Admin/Views/Shared/Header.cshtml
+++ b/Bootstrap.Admin/Views/Shared/Header.cshtml
@@ -1,7 +1,7 @@
 @model HeaderBarModel
 <!--header start-->
 <header class="header white-bg">
-    <a href="#" data-toggle="dropdown" class="sidebar-toggle-box dropdown-toggle">
+    <a id="navbar" href="#" class="sidebar-toggle-box">
         <i class="fa fa-bars"></i>
         <!--logo start-->
         <span>@Model.Title</span>