reducing dropdown width for media menu item

diff --git a/css/app.css b/css/app.css
index 37990e1..03c1197 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6632,14 +6632,14 @@ header {
   background: none; }
 
 .top-bar-section ul li:nth-child(5) .dropdown {
-  min-width: 220px; }
+  min-width: 350px; }
 
 .top-bar-section ul li:nth-child(5) .dropdown > li {
   width: 100%; }
 
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown {
-  margin-left: -409px;
-  min-width: 350px; }
+  margin-left: -140px;
+  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 {
   width: 100%; }

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 6deaab2..714babf 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -257,14 +257,14 @@
     background: none;
 }
 .top-bar-section ul li:nth-child(5) .dropdown{
-    min-width: 220px;
+    min-width: 350px;
 }
 .top-bar-section ul li:nth-child(5) .dropdown > li {
     width: 100%;
 }
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown{
-    margin-left: -409px;
-    min-width: 350px;
+    margin-left: -140px;
+    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   {
     width: 100%;