Issue 3330074: menu dropdown is now visible.

css/components/menu.css

@@ -79,6 +79,7 @@ ul.menu li > a:before {
 .header-container ul.menu li a {
   font-size: 15px;
   padding: 5px 23px;
+  white-space: nowrap;
 }
 .headings-wide-spacing-enabled .header-container ul.menu li a {
   letter-spacing: 0.25em;
@@ -99,9 +100,15 @@ ul.menu li > a:before {
 .header-container .region--light-typography ul.menu li a:before {
   background-color: #ffffff;
 }
-.header-container ul.menu ul.menu {
+
+.menu-item--expanded .menu{
   display: none;
+  position: absolute;
+}
+.menu-item--expanded:hover .menu {
+  display: block;
 }
+
 .header-container ul.menu li:last-child a:before,
 .header-container ul.menu ul li a:before {
   width: 0;
@@ -115,6 +122,9 @@ ul.menu li > a:before {
   .header-container ul.menu {
     text-align: left;
   }
+  .menu-item--expanded .menu {
+    position: static;
+  }
 }
 
 /*header top highlighted*/