Add style for super small devices (#2834) (#2835)

Co-authored-by: Alexander Sturm <[email protected]>
ldbv-by · Jan 23, 2025 · 2f5fd01 · 2f5fd01
1 parent 2404050
commit 2f5fd01
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/main.css b/src/main.css
@@ -81,6 +81,16 @@
 	--animationtime-mainmenu: var(--animation-duration-large-open);
 }
 
+/* 
+Font size for super small screens 
+*/
+@media only screen and (max-width: 320px) {
+	:root,
+	:host {
+		font-size: 0.65em;
+	}
+}
+
 .light-theme,
 :host(.light-theme) {
 	/* brand */

diff --git a/src/modules/header/components/header.css b/src/modules/header/components/header.css
@@ -519,3 +519,12 @@ input[type='search']::-webkit-search-results-decoration {
 		opacity: 1;
 	}
 }
+
+/* 
+No header for super small screens 
+*/
+@media only screen and (max-width: 250px) {
+	#headerMobile {
+		display: none;
+	}
+}