adjusting dropdown columns for topLinks topbar

diff --git a/css/app.css b/css/app.css
index 03c1197..35ed9d3 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6637,8 +6637,16 @@ header {
 .top-bar-section ul li:nth-child(5) .dropdown > li {
   width: 100%; }
 
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(1) > ul.dropdown {
+  margin-left: -105px;
+  min-width: 300px; }
+
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(2) > ul.dropdown {
+  margin-left: -60px;
+  min-width: 335px; }
+
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown {
-  margin-left: -140px;
+  margin-left: -77px;
   min-width: 220px; }
 
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown > li, #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(2) > ul.dropdown > li, #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(1) > ul.dropdown > li {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 714babf..28c1522 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -262,8 +262,16 @@
 .top-bar-section ul li:nth-child(5) .dropdown > li {
     width: 100%;
 }
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(1) > ul.dropdown{
+    margin-left: -105px;
+    min-width: 300px;
+}
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(2) > ul.dropdown{
+    margin-left: -60px;
+    min-width: 335px;
+}
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown{
-    margin-left: -140px;
+    margin-left: -77px;
     min-width: 220px;
 }
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown > li, #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(2) > ul.dropdown > li,#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(1) > ul.dropdown > li   {