Sidebar

Enfty follows a basic structure for headers from Bootstrap. So it's easy to maintain edit and change sidebar.

<!-- offcanvas navbar -->
<nav class="navbar py-0 navbar-dark bg-dark">
    <div class="container-fluid">
        <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasDarkNavbar">

            <!-- header -->
            <div class="offcanvas-header card-line">

                <!-- brand logo -->
                <div class="brand-logo pe-3">

                    <div class="logo-sm dark">
                        ...
                    </div>

                    <div class="logo-sm light">
                        ...
                    </div>

                </div>

                <!-- close btn -->
                <button type="button" class="btn-close menu-button text-reset me-1" data-bs-dismiss="offcanvas" aria-label="Close">
                    ...
                </button>

            </div>

            <!-- main menu -->
            <div class="offcanvas-body">
                ...
            </div>

            <!-- footer -->
            <div class="offcanvas-footer p-2">
                ...
            </div>

        </div>
    </div>
</nav>