diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index bf9970a..0a20bce 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -168,7 +168,7 @@ $colors: mergeColorMaps(("secondary": ($secondary, $white)), $colors)
 
 .is-sticky
   +sticky
-  top: $navbar-height + 2rem
+  top: $navbar-height + 3rem
 
 .is-constrained
   max-width: 90ch
@@ -179,11 +179,15 @@ $colors: mergeColorMaps(("secondary": ($secondary, $white)), $colors)
 
 .nav
   &-section
-    .title
+    &-title
+      color: $dark
+
       &.is-active
-        +active        
+        +active
 
     ul.nav-section-links
+      margin: 0 0 2rem 1.25rem
+
       li.nav-section-link
         font-size: 1.1rem
 
diff --git a/config.toml b/config.toml
index e156cd3..13e48ec 100644
--- a/config.toml
+++ b/config.toml
@@ -77,6 +77,7 @@ weight = 1
 
 [[menu.main]]
 name = "Docs"
+url = "/docs"
 identifier = "docs"
 weight = 2
 
diff --git a/layouts/docs/list.html b/layouts/docs/list.html
index ed8f3cd..7cd3a01 100644
--- a/layouts/docs/list.html
+++ b/layouts/docs/list.html
@@ -3,6 +3,5 @@
 {{ end }}
 
 {{ define "main" }}
-{{ partial "hero.html" . }}
 {{ partial "article.html" . }}
 {{ end }}
\ No newline at end of file
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
index c864b12..fd91e90 100644
--- a/layouts/docs/single.html
+++ b/layouts/docs/single.html
@@ -3,6 +3,5 @@
 {{ end }}
 
 {{ define "main" }}
-{{ partial "hero.html" . }}
 {{ partial "article.html" . }}
 {{ end }}
diff --git a/layouts/partials/article.html b/layouts/partials/article.html
index 1cd03e8..af48e53 100644
--- a/layouts/partials/article.html
+++ b/layouts/partials/article.html
@@ -1,3 +1,5 @@
+{{ $title := .Title }}
+{{ $desc  := .Params.desc }}
 <section class="section">
   <div class="container">
     <div class="columns is-variable is-8">
@@ -6,7 +8,28 @@
       </div>
 
       <div class="column">
-        {{ partial "content.html" (dict "content" .Content "constrained" true) }}
+        <section class="hero">
+          <div class="hero-body">
+            <div class="container">
+              <p class="title is-size-2 is-size-3-mobile has-text-weight-bold{{ if $desc }} is-spaced{{ end }}">
+                {{ .Title }}
+              </p>
+
+              {{ with $desc }}
+              <p class="subtitle is-size-4 is-size-5-mobile has-text-weight-medium">
+                {{ . }}
+              </p>
+              {{ end }}
+            </div>
+          </div>
+        </section>
+
+
+        <section class="section">
+          <div class="container">
+            {{ partial "content.html" (dict "content" .Content "constrained" true) }}
+          </div>
+        </section>
       </div>
     </div>
   </div>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 1108df2..234b37f 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -2,7 +2,7 @@
 {{ $docsSections   := (index (where site.Sections "Section" "docs") 0).Sections }}
 {{ $currentSection := .CurrentSection }}
 
-<div class="nav is-sticky is-hidden-mobile" >
+<div class="nav is-sticky is-hidden-touch">
   {{ range $docsSections }}
   {{ $thisSection := eq .CurrentSection $currentSection }}
   <div class="nav-section" x-data="{ open: {{ $thisSection }} }">
@@ -10,7 +10,7 @@
     {{ $title := .Title | upper }}
     <nav class="level">
       <div class="level-left">
-        <a class="title is-size-5 is-size-6-mobile has-text-weight-medium{{ if $isHere }} is-active{{ end }}" href="{{ .RelPermalink }}">
+        <a class="nav-section-title is-size-5 is-size-6-mobile{{ if $isHere }} is-active{{ end }}" href="{{ .RelPermalink }}">
           {{ $title }}
         </a>
       </div>