diff --git a/app/Resources/public/css/base.css b/app/Resources/public/css/base.css
index f65bd82024..82ccb6af59 100644
--- a/app/Resources/public/css/base.css
+++ b/app/Resources/public/css/base.css
@@ -5897,6 +5897,15 @@ a.sessionView {
   .question-result .page-header h2{
     font-size: 20px;
   }
+  .navbar-nav .open .dropdown-menu .user-header{
+    width: 100%;
+  }
+  .navbar-nav .open .dropdown-menu{
+    background-color: #FFF;
+  }
+  .navbar-nav{
+    margin: -2.5px -15px;
+  }
 }
 @media (min-width:320px) and (max-width: 479px){
     footer {
@@ -5917,6 +5926,15 @@ a.sessionView {
         margin-left: 5%;
         margin-right: 5%;
     }
+    .navbar-nav .open .dropdown-menu .user-header{
+        width: 100%;
+    }
+    .navbar-nav .open .dropdown-menu{
+        background-color: #FFF;
+    }
+    .navbar-nav{
+        margin: -2.5px -15px;
+    }
 }
 
 .elfinder-cwd-filename {
diff --git a/app/Resources/public/css/themes/academica/default.css b/app/Resources/public/css/themes/academica/default.css
index 88fb65f424..ef28b6da51 100644
--- a/app/Resources/public/css/themes/academica/default.css
+++ b/app/Resources/public/css/themes/academica/default.css
@@ -74,17 +74,6 @@ header{
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #9DD0F1;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #ff5b41;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #ededed;
-  background-color: #374955;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #0099c0;
 }
@@ -129,26 +118,10 @@ header{
 .navbar-default .navbar-link:hover {
   color: #ededed;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ededed;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ededed;
-    background-color: #0099c0;
-  }
-}
 .breadcrumb{
   background: #ddecef;
   color: #006A84;
 }
-.nav li a:hover{
-    background: transparent;
-}
 .panel-default .panel-heading{
     background-color: #ddecef;
 }
diff --git a/app/Resources/public/css/themes/baby_orange/default.css b/app/Resources/public/css/themes/baby_orange/default.css
index c55fc3a402..85d0106c4e 100644
--- a/app/Resources/public/css/themes/baby_orange/default.css
+++ b/app/Resources/public/css/themes/baby_orange/default.css
@@ -72,17 +72,6 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', end
   color: #FFFFFF;
   background: #3A4751;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #EA5520;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #ededed;
-  background-color: #374955;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #0099c0;
 }
@@ -127,26 +116,10 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83b10', end
 .navbar-default .navbar-link:hover {
   color: #ededed;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ededed;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ededed;
-    background-color: #0099c0;
-  }
-}
 .breadcrumb{
   background: #F9F9F9;
   color: #006A84;
 }
-.nav li a:hover{
-    background: transparent;
-}
 .panel-default .panel-heading{
     background-color: #F9F9F9;
 }
diff --git a/app/Resources/public/css/themes/beach/default.css b/app/Resources/public/css/themes/beach/default.css
index 54c86b3682..0391d63645 100644
--- a/app/Resources/public/css/themes/beach/default.css
+++ b/app/Resources/public/css/themes/beach/default.css
@@ -111,29 +111,6 @@ a:focus {
   background: #00677C;
   color: #ffffff;
 }
-.navbar-nav > li > .dropdown-menu{
-  min-width: 100%;
-  margin-top: 2px;
-  border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-}
-.navbar-default .navbar-nav > .open > .dropdown-menu{
-  padding: 3px 4px;
-  background-color: #00677C;
-}
-.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
-  padding: 6px 9px;
-  border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  color: #ffffff !important;
-}
-.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus{
-
-  background-color:#00829C;
-}
 .nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
 }
diff --git a/app/Resources/public/css/themes/blue_lagoon/default.css b/app/Resources/public/css/themes/blue_lagoon/default.css
index 6cd0caffd8..88a29a791f 100644
--- a/app/Resources/public/css/themes/blue_lagoon/default.css
+++ b/app/Resources/public/css/themes/blue_lagoon/default.css
@@ -67,17 +67,6 @@ header{
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #9DD0F1;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #0099c0;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #ededed;
-  background-color: #2E75A3;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #0099c0;
 }
@@ -108,19 +97,6 @@ header{
 .navbar-default .navbar-link:hover {
   color: #ededed;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ededed;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ededed;
-    background-color: #0099c0;
-  }
-}
 .breadcrumb{
   background: #afdde9;
   color: #006A84;
diff --git a/app/Resources/public/css/themes/chamilo_electric_blue/default.css b/app/Resources/public/css/themes/chamilo_electric_blue/default.css
index 8cd0551f32..3b9781dab2 100644
--- a/app/Resources/public/css/themes/chamilo_electric_blue/default.css
+++ b/app/Resources/public/css/themes/chamilo_electric_blue/default.css
@@ -75,17 +75,6 @@ border-radius: 0px;
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #ededed;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #0099c0;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #ededed;
-  background-color: #006a84;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #0099c0;
 }
@@ -116,19 +105,6 @@ border-radius: 0px;
 .navbar-default .navbar-link:hover {
   color: #ededed;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ededed;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ededed;
-    background-color: #006a84;
-  }
-}
 .breadcrumb{
   background: #afdde9;
   color: #006A84;
diff --git a/app/Resources/public/css/themes/chamilo_green/default.css b/app/Resources/public/css/themes/chamilo_green/default.css
index 9c9a193ff4..dc60bd3266 100644
--- a/app/Resources/public/css/themes/chamilo_green/default.css
+++ b/app/Resources/public/css/themes/chamilo_green/default.css
@@ -73,17 +73,7 @@ border-color: #8cbf00;
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #c9ed16;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #68a814;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #c9ed16;
-  background-color: #008000;
-}
+
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #68a814;
 }
@@ -121,19 +111,6 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', end
 .navbar-default .navbar-link:hover {
   color: #c9ed16;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #c9ed16;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #c9ed16;
-    background-color: #008000;
-  }
-}
 .panel-default .panel-heading{
     background-color: #E5E5E5;
 }
diff --git a/app/Resources/public/css/themes/chamilo_orange/default.css b/app/Resources/public/css/themes/chamilo_orange/default.css
index 6f4da860fa..45539a1b40 100644
--- a/app/Resources/public/css/themes/chamilo_orange/default.css
+++ b/app/Resources/public/css/themes/chamilo_orange/default.css
@@ -45,12 +45,6 @@ a{
 a:hover{
   color: #FF813A;
 }
-.navbar-default .navbar-nav li a{
-  color: #ffffff;
-}
-.navbar-default .navbar-nav li a:hover{
-  color: #ffd555;
-}
 .navbar-default .navbar-nav .active a,
 .navbar-default .navbar-nav .active a:focus,
 .navbar-default .navbar-nav .active > a:hover{
@@ -86,17 +80,6 @@ header{
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #f8e386;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #f77d00;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ffffff;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #f8e386;
-  background-color: #f15000;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #f77d00;
 }
@@ -149,16 +132,4 @@ footer a{
 }
 footer a:hover{
   color: #FF813A;
-}
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ffffff;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #f8e386;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #f8e386;
-    background-color: #f15000;
-  }
 }
\ No newline at end of file
diff --git a/app/Resources/public/css/themes/chamilo_red/default.css b/app/Resources/public/css/themes/chamilo_red/default.css
index 7f337a744d..87ce0b4ffa 100644
--- a/app/Resources/public/css/themes/chamilo_red/default.css
+++ b/app/Resources/public/css/themes/chamilo_red/default.css
@@ -75,17 +75,6 @@ border-radius: 0;
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
   color: #ffdb00;
 }
-.navbar-default .navbar-nav > li > .dropdown-menu {
-  background-color: #db0000;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
-  color: #ecf0f1;
-}
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
-.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
-  color: #ffdb00;
-  background-color: #870000;
-}
 .navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
   background-color: #db0000;
 }
@@ -123,19 +112,6 @@ border-radius: 0;
 .navbar-default .navbar-link:hover {
   color: #ffdb00;
 }
-
-@media (max-width: 767px) {
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
-    color: #ecf0f1;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #ffdb00;
-  }
-  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #ffdb00;
-    background-color: #870000;
-  }
-}
 .panel-default .panel-heading{
     background-color: #EDEDED;
 }