adjustin min width of drop down for media menu item

diff --git a/css/app.css b/css/app.css
index b85a7b5..85988fe 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6631,7 +6631,11 @@ header {
   width: 100%; }
 
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown {
-  margin-left: -524px; }
+  margin-left: -524px;
+  min-width: 350px; }
+
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown > li {
+  width: 100%; }
 
 @media screen and (max-width: 1024px) {
   main.page-front {

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index 48aeb23..91fb0c7 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -257,4 +257,8 @@ ul#menu-menu-2 > li:not(.has-form) a:not(.button){
 }
 #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown{
     margin-left: -524px;
+    min-width: 350px;
+}
+#headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown > li {
+    width: 100%;
 }
\ No newline at end of file