diff --git a/modules/core/client/controllers/header.client.controller.js b/modules/core/client/controllers/header.client.controller.js
index 4c1911df..22a34839 100644
--- a/modules/core/client/controllers/header.client.controller.js
+++ b/modules/core/client/controllers/header.client.controller.js
@@ -45,6 +45,17 @@
           $('.popup_wrapper').remove();
         }
       });
+
+      //set menu bar opened when hover
+      $('div.navbar-mt ul.nav li.dropdown').hover(function () {
+        if (!$(this).hasClass('open')) {
+          $(this).find('.dropdown-toggle', this).trigger('click');
+        }
+      }, function () {
+        if ($(this).hasClass('open')) {
+          $(this).find('.dropdown-toggle', this).trigger('click');
+        }
+      });
     });
 
     /**
diff --git a/modules/core/client/views/header.client.view.html b/modules/core/client/views/header.client.view.html
index 273326ac..98dfd8f3 100644
--- a/modules/core/client/views/header.client.view.html
+++ b/modules/core/client/views/header.client.view.html
@@ -30,7 +30,7 @@
                 <a ng-switch-default ui-sref="{{item.state}}" ng-bind="item.title" mt-target="{{item.target}}" menu-title="{{item.title}}"></a>
             </li>
         </ul>
-        <ul class="nav navbar-nav navbar-right" ng-hide="vm.authentication.user">
+        <ul class="nav navbar-nav navbar-right" ng-if="!vm.authentication.user">
             <li ui-sref-active="active">
                 <a ui-sref="authentication.signup">{{'SIGNUP' | translate}}</a>
             </li>
@@ -39,13 +39,13 @@
                 <a ui-sref="authentication.signin">{{'SIGNIN' | translate}}</a>
             </li>
         </ul>
-        <ul class="nav navbar-nav navbar-right" ng-show="vm.authentication.user">
+        <ul class="nav navbar-nav navbar-right" ng-if="vm.authentication.user">
             <li class="scroll-info xs-hide sm-hide" ui-sref="status.account" ng-if="vm.authentication.user">
-        <span>
-            {{'TABLE_FIELDS.RATIO' | translate}}: {{vm.authentication.user.ratio | ratio}},　
-            {{'TABLE_FIELDS.LEVEL' | translate}}: {{vm.scoreLevelData.currLevel}},　
-            {{'TABLE_FIELDS.SEEDED' | translate}}: {{vm.authentication.user.seeded}},　
-            {{'TABLE_FIELDS.LEECHED' | translate}}: {{vm.authentication.user.leeched}}</span>
+                <span>
+                    {{'TABLE_FIELDS.RATIO' | translate}}: {{vm.authentication.user.ratio | ratio}},　
+                    {{'TABLE_FIELDS.LEVEL' | translate}}: {{vm.scoreLevelData.currLevel}},　
+                    {{'TABLE_FIELDS.SEEDED' | translate}}: {{vm.authentication.user.seeded}},　
+                    {{'TABLE_FIELDS.LEECHED' | translate}}: {{vm.authentication.user.leeched}}</span>
             </li>
             <li class="dropdown" uib-dropdown>
                 <a class="dropdown-toggle user-header-dropdown-toggle" uib-dropdown-toggle role="button">