From 4d6f06d0a42acb05c625226de6b2c8c009ff6763 Mon Sep 17 00:00:00 2001
From: Joey Guerra <joey@joeyguerra.com>
Date: Sun, 15 Oct 2023 00:04:49 -0500
Subject: [PATCH] chore: fix the menu

---
 docs/assets/stylesheets/application.css | 35 ++++++++++++++++++-------
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/docs/assets/stylesheets/application.css b/docs/assets/stylesheets/application.css
index 615189a65..417682a6c 100644
--- a/docs/assets/stylesheets/application.css
+++ b/docs/assets/stylesheets/application.css
@@ -702,15 +702,6 @@ header.clearfix p {
     font-size: 24px;
 }
 
-@media (max-width: 600px) {
-    .mega-icon-invertocat {
-        position: static;
-    }
-    .docs header h1 {
-        font-size: 1.5rem;
-    }
-}
-
 .mega-icon-invertocat:before {
     content: "\f20a";
 }
@@ -774,6 +765,32 @@ header.clearfix p {
     border-right: 4px solid #feae28;
     padding-right: 6px;
 }
+
+@media (max-width: 600px) {
+    .mega-icon-invertocat {
+        position: static;
+    }
+    .docs-nav {
+        width: 100%;
+        margin: 0;
+    }
+    .docs .container .main {
+        display: flex;
+        flex-direction: column;
+        padding: 0 1rem;
+    }
+    .docs header h1 {
+        font-size: 2.5rem;
+    }
+    .docs .container header.clearfix {
+        margin-left: 0;
+    }
+    .docs .container header.clearfix a {
+        position: relative;
+        top: 0;
+        left: 0;
+    }
+}
 @font-face {
     font-family: 'octicons';
     src: font-url("octicons.eot?#iefix") format("embedded-opentype"), font-url("octicons.woff") format("woff"), font-url("octicons.ttf") format("truetype"), font-url("octicons.svg#octicons") format("svg");