From 6658351a1dba75b29612bb1557a5f992aaf941a2 Mon Sep 17 00:00:00 2001
From: Pascal Jufer <pascal-jufer@bluewin.ch>
Date: Fri, 30 Jun 2023 21:17:43 +0200
Subject: [PATCH] Improve navbar & docs landing page for smaller mobile devices
 (#19048)

Header collapsing and navbar overlapping on smaller mobile devices (for
example Galaxy S23)
---
 docs/.vitepress/theme/overrides.css | 6 ++++--
 docs/home.css                       | 6 ++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/theme/overrides.css b/docs/.vitepress/theme/overrides.css
index 1dbe39b23d3b1..bea741e44a2fa 100644
--- 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
index c66cd25378943..93c16b6d7c193 100644
--- 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;
+	}
+}