🐛Fix the anchor point being blocked by the navbar

Ice-Hazymoon · Jan 30, 2023 · d7cc9c2 · d7cc9c2
1 parent e1a4109
commit d7cc9c2
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/layouts/partials/html/header.html b/layouts/partials/html/header.html
@@ -1,4 +1,12 @@
 <header class="{{- if .Site.Params.fixedNav -}} fixed z-10 backdrop-blur-md bg-white/80 dark:bg-darkFg mx-auto w-full md:max-w-4xl xl:max-w-4xl 2xl:max-w-4xl {{- else -}} relative {{- end -}}">
+    {{- if .Site.Params.fixedNav -}}
+    <style>
+        .typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {
+            scroll-margin-top: 100px;
+        }
+    </style>
+    {{- end -}}
+
     {{- if .Site.Params.topTitle -}}
     <div class=" text-center py-6 border-b dark:border-darkBorder">
         {{- with .Site.Title -}}<div class="text-3xl">{{- . -}}</div>{{- end -}}