Improve navbar & docs landing page for smaller mobile devices (direct…

…us#19048) Header collapsing and navbar overlapping on smaller mobile devices (for example Galaxy S23)
VincentKempers · Jun 30, 2023 · 6658351 · 6658351
1 parent 78b2ca4
commit 6658351
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/docs/.vitepress/theme/overrides.css b/docs/.vitepress/theme/overrides.css
@@ -1,8 +1,10 @@
 /**
  * Make logo size of the sidebar
  * -------------------------------------------------------------------------- */
-.VPNav .VPNavBar .VPNavBarTitle .logo {
-	height: unset;
+@media only screen and (min-width: 370px) {
+	.VPNav .VPNavBar .VPNavBarTitle .logo {
+		height: unset;
+	}
 }
 
 /**

diff --git a/docs/home.css b/docs/home.css
@@ -199,3 +199,9 @@
 		padding-block: 32px;
 	}
 }
+
+@media only screen and (max-width: 380px) {
+	.heroContent h1 {
+		font-size: 36px;
+	}
+}