diff --git a/panel/template/base.py b/panel/template/base.py
index 520623f59d..249085fdae 100644
--- a/panel/template/base.py
+++ b/panel/template/base.py
@@ -655,6 +655,9 @@ class BasicTemplate(BaseTemplate):
     header_color = param.String(doc="""
         Optional header text color override.""")
 
+    header_height = param.String(default="64px", doc="""
+        Optional header height override.""")
+
     location = param.Boolean(default=True, readonly=True)
 
     _actions = param.ClassSelector(default=TemplateActions(), class_=TemplateActions)
@@ -772,6 +775,7 @@ def _update_vars(self, *args) -> None:
         self._render_variables['app_favicon'] = favicon
         self._render_variables['app_favicon_type'] = self._get_favicon_type(self.favicon)
         self._render_variables['header_background'] = self.header_background
+        self._render_variables['header_height'] = self.header_height
         self._render_variables['header_color'] = self.header_color
         self._render_variables['main_max_width'] = self.main_max_width
         self._render_variables['sidebar_width'] = self.sidebar_width
diff --git a/panel/template/fast/list/fast_list_template.html b/panel/template/fast/list/fast_list_template.html
index 20bf109031..ba1a246d33 100644
--- a/panel/template/fast/list/fast_list_template.html
+++ b/panel/template/fast/list/fast_list_template.html
@@ -40,6 +40,13 @@
     background-color: var(--background-color);
     font-family: var(--body-font);
   }
+  #header {
+    {% if header_height.startswith('0') %}
+    display: none;
+    {% else %}
+    height: {{ header_height }};
+    {% endif %}
+  }
   #header a {
     color: currentColor;
   }
@@ -87,7 +94,7 @@
 <fast-design-system-provider id="body-design-provider" use-defaults>
   <div id="container">
     <fast-design-system-provider id="header-design-provider">
-      <nav id="header" {{ 'class="shadow"' if style.shadow else '' }} >
+	  <nav id="header" {% if hide_header %}style="display: none;"{% endif %} {{ 'class="shadow"' if style.shadow else '' }} >
 	{% if nav or sidebar_footer %}
 	<span onclick="{{ 'openNav()' if collapsed_sidebar else 'closeNav()' }}" id="sidebar-button">
 	  <div class="pn-bar"></div>
diff --git a/panel/template/material/material.html b/panel/template/material/material.html
index 1ba14a4ffe..464669ef5f 100644
--- a/panel/template/material/material.html
+++ b/panel/template/material/material.html
@@ -55,8 +55,15 @@
       #header {
           --mdc-theme-background: var(--header-background);
           --mdc-theme-on-background: var(--header-color);
-	  background-color: var(--header-background);
-	  color: var(--header-color);
+          background-color: var(--header-background);
+          color: var(--header-color);
+      }
+      #header-items {
+          height: 100%;
+      }
+      .mdc-top-app-bar__section--align-start {
+          height: {{ header_height }}; /* Adjust the height for the align-start section */
+
       }
       .mdc-drawer {
 	  width: var(--sidebar-width) !important;
@@ -64,6 +71,13 @@
       .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
 	  margin-left: var(--sidebar-width) !important;
       }
+      .mdc-top-app-bar--fixed-adjust {
+        {% if header_height.startswith('0') %}
+          padding-top: 0px;
+        {% else %}
+          padding-top: calc({{ header_height }} + 10px); /* Adjust the padding so sidebar / main isn't underneath */
+        {% endif %}
+      }
     </style>
 
     <!-- Template JS -->
@@ -78,7 +92,7 @@
 <!-- goes in body -->
 {% block contents %}
 <div class="mdc-typography" id="container">
-  <header class="mdc-top-app-bar app-bar mdc-top-app-bar--fixed" id="header">
+  <header class="mdc-top-app-bar app-bar mdc-top-app-bar--fixed" id="header" {% if header_height.startswith('0') %}style="display: none;"{% endif %}>
     <div class="mdc-top-app-bar__row">
       <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
 	{% if nav %}