Fixed alignment problem for menu items without dropdown in simple menu

Michael-Herzog · Michael-Herzog · commit 25524d78f468 · 2022-01-13T11:55:46.000+01:00
diff --git a/src/Presentation/SmartStore.Web/Themes/Flex/Content/_megamenu.scss b/src/Presentation/SmartStore.Web/Themes/Flex/Content/_megamenu.scss
@@ -462,8 +462,12 @@ $mixed-megamenu-bg:             $megamenu-bg;
         left: 10px;
     }
 }
-.megamenu.simple .navbar-nav .nav-item.active:before { 
-    border-bottom: 10px solid $dropdown-bg;
+.megamenu.simple .navbar-nav .nav-item {
+    line-height: 1;
+
+    &.active:before {
+        border-bottom: 10px solid $dropdown-bg;
+    }
 }
 
 @media screen {

Original file line number	Diff line number	Diff line change
`@@ -462,8 +462,12 @@ $mixed-megamenu-bg: $megamenu-bg;`
`462`	`462`	`left: 10px;`
`463`	`463`	`}`
`464`	`464`	`}`
`465`		`-.megamenu.simple .navbar-nav .nav-item.active:before {`
`466`		`- border-bottom: 10px solid $dropdown-bg;`
	`465`	`+.megamenu.simple .navbar-nav .nav-item {`
	`466`	`+ line-height: 1;`
	`467`	`+`
	`468`	`+ &.active:before {`
	`469`	`+ border-bottom: 10px solid $dropdown-bg;`
	`470`	`+ }`
`467`	`471`	`}`
`468`	`472`
`469`	`473`	`@media screen {`