* {
margin: 0;
padding: 0;
box-sizing: border-box; /* Genişlik hatalarını önler */
}

body {
overflow-x: hidden; /* Sağa kaymayı engeller */
}

.container {
margin-left: 250px; /* Masaüstünde #nav-bar genişliği */
}

#nav-bar {
position: fixed;
top: 120px;
left: 0;
width: 250px;
height: calc(100% - 120px);
overflow-y: auto;
background-color: rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}

@media (max-width: 991px) {
#nav-bar {
transform: translateX(-100%);
}

#nav-bar.active {
transform: translateX(0);
}

.container {
margin-left: 0;
}
}
Bunu da deneyebilirsiniz