css/menubar-backdrop.css

   1 @media (min-width: $breakMin) {
   2
   3   body.crm-menubar-visible.crm-menubar-over-cms-menu {
   4     border-top: 0 none !important;
   5     margin-top: $menubarHeight;
   6   }
   7   body.crm-menubar-visible.crm-menubar-over-cms-menu.crm-menubar-wrapped {
   8     margin-top: calc($menubarHeight * 2);
   9   }
  10   body.crm-menubar-visible.crm-menubar-over-cms-menu #admin-bar {
  11     visibility: hidden;
  12   }
  13
  14   body.crm-menubar-visible.crm-menubar-below-cms-menu {
  15     padding-top: 37px;
  16   }
  17   body.crm-menubar-visible.crm-menubar-below-cms-menu.crm-menubar-wrapped {
  18     padding-top: 77px;
  19   }
  20   .admin-bar body.crm-menubar-below-cms-menu #civicrm-menu {
  21     z-index: 999;
  22   }
  23   .admin-bar body.backdrop-admin-bar-position-absolute #civicrm-menu {
  24     position: absolute;
  25   }
  26   body.crm-menubar-below-cms-menu #admin-bar {
  27     z-index: 1000;
  28   }
  29
  30 }
  31 @media (max-width: $breakMax) {
  32
  33   body.backdrop-admin-bar-position-absolute #civicrm-menu-nav {
  34     position: absolute;
  35   }
  36
  37   body #civicrm-menu-nav .crm-menubar-toggle-btn {
  38     position: absolute;
  39     right: 120px;
  40     top: 0;
  41     margin-top: 3px;
  42   }
  43
  44 }