chrome targeted style for left margin on media menu item

diff --git a/css/app.css b/css/app.css
index 8844b13..ef0e9f5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6637,6 +6637,11 @@ header {
 #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%; }
 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown {
+    margin-left: -402px;
+    min-width: 350px; } }
+
 @media screen and (max-width: 1024px) {
   main.page-front {
     padding: 0; } }

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index c7d1d54..cc1d9ad 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -261,4 +261,10 @@ ul#menu-menu-2 > li:not(.has-form) a:not(.button){
 }
 #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%;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+   #headerLinks > ul#menu-top-menu > li.menu-item:nth-child(3) > ul.dropdown{
+    margin-left: -402px;
+    min-width: 350px;
+}
 }
\ No newline at end of file