Fix mobile menu when admin bar is on

Author: geoffguillain

themes/osi/assets/scss/_6_components.header.scss

@@ -9,6 +9,12 @@
 		color: inherit;
 	}
 }
+.admin-bar {
+    .header-main.header-main-small {
+        top: 46px;
+    }
+
+}
 .header--inner {
     padding: 0;
     position: static;

themes/osi/assets/scss/_6_components.mobile-menu.scss

@@ -1,11 +1,22 @@
 .open-button-wrapper {
-    position: fixed;
+    position: absolute;
     // top: $quicklinksTop; // height of quicklinks
     // top: 0;
 		top: 7px;
     width: 100%;
 }
 
+.open-the-menu {
+  .open-button-wrapper {
+    position: fixed;
+  }
+  .admin-bar {
+    .open-button-wrapper {
+      top: 46px;
+    }
+  }
+}
+
   .open-button:not(.open-search) {
       @include drop-shadow($x-axis: 0, $y-axis: 0px, $blur: 0, $alpha: 0);
       background: none;