diff --git a/src/sphinx_book_theme/theme/sphinx_book_theme/sections/header.html b/src/sphinx_book_theme/theme/sphinx_book_theme/sections/header.html
new file mode 100644
index 000000000..a442db9b1
--- /dev/null
+++ b/src/sphinx_book_theme/theme/sphinx_book_theme/sections/header.html
@@ -0,0 +1,39 @@
+{% if theme_navbar_start or theme_navbar_center or theme_navbar_end or theme_navbar_persistent %}
+<div class="bd-header__inner bd-page-width">
+  {% set navbar_start, navbar_class, navbar_align = navbar_align_class() %}
+  {% if theme_navbar_start %}
+  <div class="{{ navbar_start }} navbar-header-items__start">
+    {% for navbar_item in theme_navbar_start %}
+      <div class="navbar-item">{% include navbar_item %}</div>
+    {% endfor %}
+  </div>
+  {% endif %}
+  <div class="{{ navbar_class }} navbar-header-items">
+    {% if theme_navbar_center %}
+    <div class="{{ navbar_align }} navbar-header-items__center">
+      {% for navbar_item in theme_navbar_center %}
+        <div class="navbar-item">{% include navbar_item %}</div>
+      {% endfor %}
+    </div>
+    {% endif %}
+    {% if theme_navbar_end or theme_navbar_persistent %}
+    <div class="navbar-header-items__end">
+      {% for navbar_item in theme_navbar_persistent %}
+        <div class="navbar-item navbar-persistent--container">
+          {% include navbar_item %}
+        </div>
+      {% endfor %}
+      {% for navbar_item in theme_navbar_end %}
+        <div class="navbar-item">{% include navbar_item %}</div>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </div>
+  {# A search button to show up only on mobile #}
+  {% for navbar_item in theme_navbar_persistent %}
+    <div class="navbar-persistent--mobile">
+      {%- include navbar_item %}
+    </div>
+  {% endfor %}
+</div>
+{% endif %}