Remove border from deeper submenu items

diff --git a/css/app.css b/css/app.css
index 67c596c..2841baf 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6452,7 +6452,7 @@ header {
 .tab-bar .tab-bar-section.middle {
   text-align: right; }
 
-.top-bar-section ul#menu-main-menu li:hover:not(.has-form) > a {
+.top-bar-section ul#menu-main-menu > li > ul > li:hover:not(.has-form) > a {
   border-left-width: 1px;
   border-right-width: 1px;
   border-top-width: 0;

diff --git a/scss/_topbar.scss b/scss/_topbar.scss
index e92b187..59cf50e 100644 (file)
--- a/scss/_topbar.scss
+++ b/scss/_topbar.scss
@@ -13,7 +13,7 @@
         text-align: right;
     }
 }
-.top-bar-section ul#menu-main-menu li:hover:not(.has-form) > a {
+.top-bar-section ul#menu-main-menu > li > ul > li:hover:not(.has-form) > a {
     border-left-width: 1px;
     border-right-width: 1px;
     border-top-width: 0;