d2321
5/15/2020 - 3:28 PM

Styles for Header Fixed

/* generic styles and behaviours for all headers */
header.headerTopMenu {
  position: relative;
  // z-index: 99999;
  // height: 10rem;

  .wpb_content_element {
    margin-bottom: 0;
  }

  .fixedWrapMenu {
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 3px #ccc;
  }

  z-index: 99999;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;

  &.shrink {
    .fixedWrapMenu {
      // z-index: 99999;
      // position: fixed;
      // top: -200px;
      // left: 0;
      // width: 100%;
      // opacity: 0;

      &.show {
        // top: 0;
        // opacity: 1;
      }
    }
  }
}
@include media-breakpoint-down(lg) {
  body {
    padding-top: 80px;
  }
  header.headerTopMenu {
    display: none;
  }
}

@include media-breakpoint-up(xl) {
  .mobileMenuWrap,
  .mobileWrapHamb,
  .placeClickMobileCloseMenu,
  .mobileNavBar {
    display: none !important;
  }
}

//
@include media-breakpoint-up(xl) {
  body {
    padding-top: 9.2rem;
  }
}