Make navs responsive horizontally.

2023-03-03 00:58:15 -06:00
parent 94eee1e5a1
commit c3d9245e8c
1 changed files with 11 additions and 0 deletions
--- a/scss/bootstrap/_nav.scss
+++ b/scss/bootstrap/_nav.scss
@@ -1,6 +1,17 @@
 // Beautiful nav tabs
 .nav-tabs {
  margin-bottom: 1rem;
+
+  // Make responsive horizontally
+  display: block;
+  overflow-x: auto;
+  overflow-y: clip;
+  white-space: nowrap;
+
+  .nav-item {
+    // Make responsive horizontally
+    display: inline-block;
+  }
 }
 .nav-tabs .nav-link {
  border: none;