Standalone: Tweak css/menubar-standalone.css for the page title and mobile support

diff --git a/css/menubar-standalone.css b/css/menubar-standalone.css
index 62705ce40b2936773ac5abbb79a07c3aa9d94656..2aff8f03689617c1eda98906c227186dfc7cc828 100644 (file)
--- a/css/menubar-standalone.css
+++ b/css/menubar-standalone.css
@@ -1 +1,24 @@
-/* This file must exist otherwise the menu builder crashes */
+@media (min-width: $breakMin) {
+
+  body.crm-menubar-visible.crm-menubar-over-cms-menu {
+    border-top: 0 none !important;
+    margin-top: $menubarHeight;
+  }
+  body.crm-menubar-visible.crm-menubar-over-cms-menu.crm-menubar-wrapped {
+    margin-top: calc($menubarHeight * 2);
+  }
+  body.crm-menubar-visible.crm-menubar-over-cms-menu #admin-bar {
+    visibility: hidden;
+  }
+
+}
+@media (max-width: $breakMax) {
+
+  body #civicrm-menu-nav .crm-menubar-toggle-btn {
+    position: absolute;
+    right: 3px;
+    top: 0;
+    margin-top: 3px;
+  }
+
+}