From 6be7484ebfefcad98c029ce04d0fece92f2af420 Mon Sep 17 00:00:00 2001
From: lava1879
Date: Sat, 27 Dec 2025 07:46:28 +0100
Subject: fix: navbar icons on mobile (#67)

---
 src/css/custom.css | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

(limited to 'src/css')

diff --git a/src/css/custom.css b/src/css/custom.css
index 758c8aa..7e9c0e1 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -107,6 +107,40 @@
   margin: 1px 0 0 -7px;
 }
 
+@media (max-width: 996px) {
+  .navbar__items--right > div[class*="toggle"],
+  .navbar__items--right > div[class*="colorMode"] {
+    display: flex !important;
+  }
+  
+  .navbar__items--right > div[class*="toggle"] button,
+  .navbar__items--right > div[class*="colorMode"] button {
+    display: flex !important;
+  }
+  
+  .navbar-sidebar div[class*="toggle"],
+  .navbar-sidebar div[class*="colorMode"] {
+    display: none !important;
+  }
+  
+  .navbar-sidebar button[title*="Switch between"],
+  .navbar-sidebar button[aria-label*="Switch between"] {
+    display: none !important;
+  }
+  
+  .navbar__item.discord-button,
+  .navbar__item.github-button {
+    display: flex !important;
+    padding: 5px;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .navbar__item.github-button::before {
+    margin: 0 !important;
+  }
+}
+
 table {
   font-family: var(--ifm-font-family-monospace);
   font-size: var(--ifm-code-font-size);
-- 
cgit v1.2.3