/* -- The root styles must go in the element of the structure with the name "Offcanvas". --*/

.offcanvas-header-4.brx-open{
  .offcanvas-header-4__menu{
    opacity:1;
    transition: all .3s ease;
    transition-delay: .3s;
  }
}

/*--
In case your header isn't sticky, it's important to add this custom CSS so that the menu is in front of the content; otherwise, it will appear behind. You can remove this CSS if your header is sticky.
--*/
header#brx-header{
  z-index: 998;
}