Menu positioning adjustments. WIP #1501 @0.5

diff --git a/style/mmenu/mmenu.less b/style/mmenu/mmenu.less
index 25e40b369cd575b8dd0c64bb59ca643dae061057..90b7f34d4af844d613013c6dbb120e3aa07653bb 100644 (file)
--- a/style/mmenu/mmenu.less
+++ b/style/mmenu/mmenu.less
@@ -96,7 +96,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
   position: absolute;
   right: 20px;
   top: 50%;
-  margin-top: -10px; // Half height of opening icon for centering
+  transform: translateY(-50%);
   font-size: 16px;
   line-height: 1;
   color: @icon-color;

diff --git a/style/nav-horizontal.less b/style/nav-horizontal.less
index eacf950023b9d930f22f419ac1e346a7c1c860b1..7954fed0e6cd0af903820cda499cc16ad89984c9 100644 (file)
--- a/style/nav-horizontal.less
+++ b/style/nav-horizontal.less
@@ -1,7 +1,8 @@
 #horizontalNav {
   position: absolute;
   right: 0;
-  top: 18px;
+  top: 50%;
+  transform: translateY(-50%);
 
   @media all and (max-width: @menu-breakpoint) {
     display: none;