Merge pull request #1041 from rediris/wp-admin-improvements

Prevent wp admin bar from overlapping Foundation menus
olefredrik · Aug 13, 2017 · 09b9e35 · 09b9e35
2 parents b100e18 + d833eca
commit 09b9e35
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/src/assets/scss/global/_wp-admin.scss b/src/assets/scss/global/_wp-admin.scss
@@ -3,9 +3,21 @@
   position: fixed !important;
 }
 
-// Make sure that the WP admin-bar does not overlap the sticky top bar
-body.admin-bar.f-topbar-fixed {
-  .sticky.fixed {
-    margin-top: rem-calc(32);
+// Make sure that the WP admin-bar does not overlap Foundation components
+body.admin-bar {
+  // Offset sticky top bar
+  &.f-topbar-fixed {
+    .sticky.fixed {
+      margin-top: rem-calc(32);
+    }
+  }
+  // Offset mobile off-canvas menu
+  &.offcanvas {
+    .off-canvas.is-open {
+      top: rem-calc(46);
+      @include breakpoint(783) {
+        top: rem-calc(32);
+      }
+    }
   }
 }