Skip to content

Commit a68a604

Browse files
authored
Merge pull request #1719 from Saksham-Jaiswal-2004/navbar
fix: Collapsible Navbar made scrollable
2 parents 63f32f7 + 28e49f6 commit a68a604

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

navLinks.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -314,10 +314,15 @@ body.light-mode .nav-container {
314314
}
315315

316316
.navLinks.active {
317+
position: fixed;
317318
display: flex;
319+
flex-direction: column;
318320
/* Show links when active */
319321
padding: 10px;
320322
/* Padding around links */
323+
overflow-y: scroll !important;
324+
height: 90vh !important;
325+
top: 60px;
321326
}
322327

323328
.link {
@@ -512,3 +517,17 @@ link a:hover {
512517
.toggle-container[data-aos="fade-down"].aos-animate {
513518
opacity: 1;
514519
}
520+
521+
@media (max-width: 1168px) {
522+
.navLinks.active {
523+
position: fixed;
524+
display: flex;
525+
flex-direction: column;
526+
/* Show links when active */
527+
padding: 10px;
528+
/* Padding around links */
529+
overflow-y: scroll !important;
530+
height: 90vh !important;
531+
top: 60px;
532+
}
533+
}

0 commit comments

Comments
 (0)