From bb0ea9eeaeee5610d427e2b3965fab81eee46a51 Mon Sep 17 00:00:00 2001
From: ArtMalina <art.malina@gmail.com>
Date: Tue, 23 Jul 2024 14:24:19 +0300
Subject: [PATCH] fix: margin top (nav-bar height for different resolution)

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

diff --git a/src/css/custom.css b/src/css/custom.css
index 785fa20..defe138 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -13,6 +13,38 @@
   font: var(--telekom-text-style-body);
 }
 
+@media screen and (max-width: 1039px) {
+  :root {
+    --ifm-navbar-height: 62px;
+    /* here is the different nav height when scrolling */
+    /* --ifm-navbar-height--when-scrolling: 62px; */
+  }
+}
+
+@media screen and (min-width: 1040px) {
+  :root {
+    --ifm-navbar-height: 85px;
+    /* here is the different nav height when scrolling */
+    /* --ifm-navbar-height--when-scrolling: 72px; */
+  }
+}
+
+@media screen and (min-width: 1296px) {
+  :root {
+    --ifm-navbar-height: 98px;
+    /* here is the different nav height when scrolling */
+    /* --ifm-navbar-height--when-scrolling: 72px; */
+  }
+}
+
+@media screen and (min-width: 1680px) {
+  :root {
+    --ifm-navbar-height: 122px;
+    /* here is the different nav height when scrolling */
+    /* --ifm-navbar-height--when-scrolling: 72px; */
+  }
+}
+
 body:not(.navigation-with-keyboard) *:not(input):focus {
   outline: var(--telekom-color-text-and-icon-standard);
 }