css/menubar-wordpress.css

   1 @media (min-width: $breakMin) {
   2
   3   body.crm-menubar-over-cms-menu.crm-menubar-visible #wpbody {
   4     padding-top: 8px;
   5   }
   6   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped #wpbody {
   7     padding-top: 48px;
   8   }
   9
  10   body.crm-menubar-over-cms-menu.crm-menubar-visible #wpadminbar {
  11     visibility: hidden;
  12   }
  13
  14   .wp-toolbar body.crm-menubar-below-cms-menu > #civicrm-menu-nav #civicrm-menu {
  15     top: 32px;
  16     left: 160px;
  17     width: calc(100% - 160px);
  18   }
  19
  20   .wp-toolbar body.crm-menubar-below-cms-menu.folded > #civicrm-menu-nav #civicrm-menu {
  21     left: 36px;
  22     width: calc(100% - 36px);
  23   }
  24
  25   body.crm-menubar-below-cms-menu.crm-menubar-visible #wpbody {
  26     padding-top: $menubarHeight;
  27   }
  28   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped #wpbody {
  29     padding-top: calc($menubarHeight * 2);
  30   }
  31   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped #adminmenuwrap {
  32     margin-top: $menubarHeight;
  33   }
  34
  35 }
  36 @media (min-width: $breakMin) and (max-width: 960px) {
  37
  38   /* For the auto-fold toolbar */
  39   .wp-toolbar body.crm-menubar-below-cms-menu.auto-fold > #civicrm-menu-nav #civicrm-menu {
  40     left: 36px;
  41     width: calc(100% - 36px);
  42   }
  43
  44 }
  45 @media (max-width: $breakMax) {
  46
  47   body #civicrm-menu-nav .crm-menubar-toggle-btn {
  48     position: absolute;
  49     right: 50px;
  50   }
  51
  52 }
  53 @media (max-width: 600px) {
  54
  55   body #civicrm-menu-nav {
  56     position: absolute;
  57   }
  58
  59 }
  60
  61 /* Make admin bar hide behind popup windows */
  62 body.ui-dialog-open #adminmenuwrap {
  63   z-index: 100 !important;
  64 }