chore: fix the menu

hubotio · Oct 15, 2023 · 4d6f06d · 4d6f06d
1 parent 5109f21
commit 4d6f06d
Showing 1 changed file with 26 additions and 9 deletions.
diff --git 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");