@media (max-width: 768px) {
    .navbar-toggler {
        display: block; /* Show the hamburger button */
    }
    .d-flex.flex-column.flex-shrink-0.bg-body-tertiary.position-fixed {
        display: none !important; /* Hide the sidebar by default */
    }
    .sidebar-active {
        display: block; /* Show sidebar when active */
    }
}