/* 1. Undo Bootstrap 5's .offcanvas component leaking onto */ body.offcanvas { position: static !important; display: block !important; visibility: visible !important; height: auto !important; max-width: none !important; background-color: transparent !important; transform: none !important; transition: none !important; z-index: auto !important; border: 0 !important; } /* 2. RTL: keep the panel on the right, cancel rtl.css's `left` */ body.rtl .offcanvas-menu { left: auto !important; right: -320px !important; transition: right 400ms cubic-bezier(.7, 0, .3, 1) !important; } body.rtl.offcanvas .offcanvas-menu { right: 0 !important; } /* 3. Put the burger and close button on the same side as the panel */ body.rtl #offcanvas-toggler { float: right !important; } body.rtl .close-offcanvas { left: auto !important; right: 10px !important; }