92-header-changes-the-width-when-user-changes-language

src/main/sourceapp/1/styles/genesys.scss

@@ -187,7 +187,7 @@ $light-font-family: 'Roboto-Light';
     &.nav-menu, &.nav-menu-admin {
       > li {
         > a {
-          padding: 32px 16px 23px;
+          padding: 32px 12px 23px;
           color: $content-footer-bg;
 
           &.dropdown-toggle {
@@ -277,7 +277,7 @@ $light-font-family: 'Roboto-Light';
     > li {
       > a {
         padding: 32px 23px 23px 5px;
-        font-size: 18px;
+        font-size: 17px;
         font-family: $emphasis-font-family;
         color: $content-footer-bg;
       }
@@ -304,7 +304,7 @@ $light-font-family: 'Roboto-Light';
     font-size: 29px;
     height: 100%;
     width: 182px;
-    margin-right: 68px;
+    margin-right: 20px;
     img{
       display: inline-block;
       vertical-align: middle;
@@ -4419,6 +4419,34 @@ table.accessions {
     }
   }
 
+@media (min-width: 1920px) {
+  #navbar {
+    > div:first-child {
+      display: flex;
+
+      #navigation-menu {
+        display: flex;
+        justify-content: center;
+        width: 100%;
+      }
+    }
+  }
+}
+
+@media (min-width: 989px) {
+  #navigation-menu {
+    li {
+      &.dropdown {
+
+        a {
+          padding-right: 2px;
+        }
+
+      }
+    }
+  }
+}
+
   @media (max-width: 989px) {
     .genesys-page .nav-menu .active {
       background-color: #33322D;