From c3d9245e8c8e07b6d329ddb61a9e9f42d69cb1b4 Mon Sep 17 00:00:00 2001
From: Leo <contact@leonguyen.com>
Date: Fri, 3 Mar 2023 00:58:15 -0600
Subject: [PATCH] Make navs responsive horizontally.

---
 scss/bootstrap/_nav.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/scss/bootstrap/_nav.scss b/scss/bootstrap/_nav.scss
index d4bd83e..37a9188 100644
--- 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;