Headings are visible on click

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
-    "cSpell.language": "fr-FR,fr",
+    "cSpell.language": "fr-FR,fr,en-GB",
     "cSpell.words": [
+        "enthéogènes",
         "toustes"
     ]
 }

themes/chosto/layouts/partials/navbar.html

@@ -34,7 +34,7 @@
       </div>
       <div class="navbar-item has-dropdown is-hoverable">
         <a class="navbar-link">
-          Dossiers thématiques
+          Séries thématiques
         </a>
         <div class="navbar-dropdown">
           {{ range where .Site.Pages "Params.code" "!=" nil }}

themes/chosto/static/css/custom.css

@@ -10,10 +10,10 @@
 }
 
 /* Trick which changes nothing visually but makes the footnote anchors
-virtually 40% lower. Otherwise the fixed navbar is just above the
+virtually 40% and 10% for headings lower. 
-footnote link when going back from the bottom. That way, either 
+Otherwise the fixed navbar is just above the footnote link when going 
-footnotes or anchors are in the middle of the page, making
+back from the bottom. That way, either footnotes or anchors are in 
-navigation easier */
+the middle of the page, making navigation easier */
 sup[id*=fn] {
   padding-top: 40% !important;
   margin-top: -40% !important;
@@ -24,6 +24,11 @@ li[id*=fn] {
   margin-top: -40% !important;
 }
 
+h1, h2, h3, h4, h5, h6 { 
+  padding-top: 10% !important;
+  margin-top: -10% !important;
+}
+
 /* Useful to force cards to have the same height */
 .has-equal-height {
   height: 100%;