diff --git a/layouts/partials/home_hero.html b/layouts/partials/home_hero.html
index 5b67953..01c0638 100644
--- a/layouts/partials/home_hero.html
+++ b/layouts/partials/home_hero.html
@@ -1,12 +1,14 @@
 <section id="homepage-hero" class="hero is-primary is-bold">
+    <div class="hero-head">
+        <!-- is-dark / is-light is set by hero.js for the homepage hero -->
+        <nav id="hero-navbar" class="navbar is-size-6 is-fixed-top" role="navigation" aria-label="main navigation">
+            {{ partial "layout/navbar_contents" . }}
+        </nav>
+    </div>
+
     <div class="hero-body">
         <section class="section">
             <div class="container">
-                <!-- is-dark / is-light is set by hero.js for the homepage hero -->
-                <nav id="hero-navbar" class="navbar is-size-6 is-fixed-top" role="navigation" aria-label="main navigation">
-                    {{ partial "layout/navbar_contents" . }}
-                </nav>
-
                 <div class="columns">
                     <!-- Left panel -->
                     <div class="column is-centered-vertically is-5">
diff --git a/layouts/partials/layout/navbar_contents.html b/layouts/partials/layout/navbar_contents.html
index 3fb2674..e3cdb6c 100644
--- a/layouts/partials/layout/navbar_contents.html
+++ b/layouts/partials/layout/navbar_contents.html
@@ -4,11 +4,11 @@
             <img class="navbar-logo" src="{{ .Site.BaseURL }}/images/menu.svg" alt="{{ .Site.Title }} {{ .Site.Params.Tagline }}">
         </a>
 
-        <button class="button navbar-burger" data-target="navMenu">
+        <div class="burger navbar-burger" data-target="navMenu">
             <span></span>
             <span></span>
             <span></span>
-        </button>
+        </div>
     </div>
     <div class="navbar-menu" id="navMenu">
         <div class="navbar-start">