adjusting media menu item width in chrome

diff --git a/css/app.css b/css/app.css
index 61caadb..98c38e3 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6655,7 +6655,7 @@ header {
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
   #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown {
     margin-left: -77px;
-    min-width: 350px; } }
+    min-width: 220px; } }
 
 #menu-top-menu-1 {
   margin-left: 16px;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 33476dd..266f155 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -281,7 +281,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
    #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown{
     margin-left: -77px;
-    min-width: 350px;
+    min-width: 220px;
 }
 }
 #menu-top-menu-1{