diff --git a/CHANGELOG.md b/CHANGELOG.md
index d99d21e..e93e171 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,21 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [PEP 440](https://www.python.org/dev/peps/pep-0440/) 
 and uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.3.0]
+
+### Changed
+- Upgraded `mkdocs-material` to v9.4.2. We have updated our templates in [asf_theme/partials](./asf_theme/partials) to match the [upstream versions](https://github.com/squidfunk/mkdocs-material/tree/9.4.2/src/templates/partials) as closely as possible. This introduces breaking changes. In particular:
+    - If you want a footer, you should make the following change to your website's `mkdocs.yml` file:
+      ```diff
+      theme:
+        features:
+      +    - navigation.footer
+      ```
+    - You should carefully review your website to confirm that everything still renders and functions as expected.
+    - If anything does not work as expected, you may want to read the [`mkdocs-material` upgrade guide](https://squidfunk.github.io/mkdocs-material/upgrade/) starting at [Upgrading from 6.x to 7.x](https://squidfunk.github.io/mkdocs-material/upgrade/#upgrading-from-6x-to-7x) for any other important changes that may apply to your website.
+
+### Fixed
+- Fixed <https://github.com/ASFHyP3/mkdocs-asf-theme/issues/27> by upgrading `mkdocs-material`.
 
 ## [0.2.4](https://github.com/ASFHyP3/mkdocs-asf-theme/compare/v0.2.3...v0.2.4)
 
@@ -17,7 +32,6 @@ and uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ### Fixed
 - ASF logo and background map now appear correctly in "Project" or repo level sites
 
-
 ## [0.2.2](https://github.com/ASFHyP3/mkdocs-asf-theme/compare/v0.2.1...v0.2.2)
 
 ### Changed
diff --git a/asf_theme/assets/stylesheets/asf.css b/asf_theme/assets/stylesheets/asf.css
index 2f28529..f9b0ed8 100644
--- a/asf_theme/assets/stylesheets/asf.css
+++ b/asf_theme/assets/stylesheets/asf.css
@@ -11,29 +11,38 @@ a {
 }
 
 .md-header, .md-footer {
-  background: rgb(101, 102, 92);
-  background: linear-gradient(180deg, rgba(101, 102, 92, 1) 0%, rgba(106, 106, 106, 1) 100%);
   box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
-
 }
 
-.md-header-nav__button.md-logo img {
-  height: 2.0rem;
-  width: auto;
-  display: inline-block;
-  margin-top: -7px;
+.md-header {
+  background: rgb(101, 102, 92);
+  background: linear-gradient(180deg, rgba(101, 102, 92, 1) 0%, rgba(106, 106, 106, 1) 100%);
 }
 
-.md-footer-nav {
+.md-footer {
+  background: rgb(106, 106, 106);
   background-image: url("../images/map.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
-  min-height: 510px;
+  min-height: 574px;
   border-top: 58px solid #ffcd00;
 }
 
+.md-header__button.md-logo img {
+  height: 2.0rem;
+  width: auto;
+  display: inline-block;
+  margin-top: -7px;
+}
+
+.md-footer-meta.md-typeset {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
 .md-footer-container {
   display: flex;
   flex-direction: row;
@@ -82,14 +91,28 @@ a {
   background-color: black;
 }
 
-.md-footer-copyright-link {
+.md-copyright-link {
   color: #1bb0ce !important;
 }
 
-.md-footer-copyright {
+.md-copyright {
   margin-left: 0;
 }
 
+.md-nav__title {
+  color: black;
+}
+
+.md-nav--primary .md-nav__title {
+  background: #f8f8f8;
+  box-shadow: none;
+}
+
+.md-nav--secondary .md-nav__title {
+  background: #f8f8f8;
+  box-shadow: none;
+}
+
 .expert-rec-search {
   margin-top: 10px;
 }
diff --git a/asf_theme/partials/logo.html b/asf_theme/partials/copyright.html
similarity index 52%
rename from asf_theme/partials/logo.html
rename to asf_theme/partials/copyright.html
index 59844c9..1ee61a8 100644
--- a/asf_theme/partials/logo.html
+++ b/asf_theme/partials/copyright.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
+  Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
   of this software and associated documentation files (the "Software"), to
@@ -20,9 +20,26 @@
   IN THE SOFTWARE.
 -->
 
-<!-- Logo -->
-{% if config.theme.logo %}
-  <img src="{{ config.theme.logo | url }}" alt="logo" />
-{% elif config.theme.icon.logo %}
-  {% include ".icons/" ~ config.theme.icon.logo ~ ".svg" %}
-{% endif %}
+<!-- Adapted from https://github.com/squidfunk/mkdocs-material/blob/9.4.2/src/templates/partials/copyright.html -->
+
+<!-- Copyright and theme information -->
+<div class="md-copyright">
+  <div class="md-copyright__highlight">
+    {% if config.copyright or config.theme.copyright %}
+      &copy; <span id="copyright-year"></span>
+      <script type="text/javascript">
+          current_year = new Date().getFullYear();
+          document.getElementById("copyright-year").innerHTML=current_year;
+      </script>
+      {{ config.copyright if config.copyright else config.theme.copyright}}
+    {% endif %}
+    <!-- ASF non-discrimination disclaimer-->
+    &nbsp;&nbsp;
+    <a href="https://www.alaska.edu/nondiscrimination"
+       target="_blank"
+       class="md-copyright-link">
+      UA is an AA/EO employer and educational institution and prohibits
+      illegal discrimination against any individual
+    </a>
+  </div>
+</div>
\ No newline at end of file
diff --git a/asf_theme/partials/footer.html b/asf_theme/partials/footer.html
index 46c1b4a..2fc460e 100644
--- a/asf_theme/partials/footer.html
+++ b/asf_theme/partials/footer.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
+  Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
   of this software and associated documentation files (the "Software"), to
@@ -20,30 +20,40 @@
   IN THE SOFTWARE.
 -->
 
-{% import "partials/language.html" as lang with context %}
+<!-- Adapted from https://github.com/squidfunk/mkdocs-material/blob/9.4.2/src/templates/partials/footer.html -->
 
-<!-- Application footer -->
+<!-- Footer -->
 <footer class="md-footer">
 
   <!-- Link to previous and/or next page -->
-  {% if page.previous_page or page.next_page %}
-    <div class="md-footer-nav">
+  {% if "navigation.footer" in features %}
+    {% if page.previous_page or page.next_page %}
+      {% if page.meta and page.meta.hide %}
+        {% set hidden = "hidden" if "footer" in page.meta.hide %}
+      {% endif %}
       <nav
-        class="md-footer-nav__inner md-grid"
-        aria-label="{{ lang.t('footer.title') }}"
+        class="md-footer__inner md-grid"
+        aria-label="{{ lang.t('footer') }}"
+        {{ hidden }}
       >
 
         <!-- Link to previous page -->
         {% if page.previous_page %}
-          <a href="{{ page.previous_page.url | url }}" class="md-footer-nav__link md-footer-nav__link--prev" rel="prev">
-            <div class="md-footer-nav__button md-icon">
-              {% include ".icons/material/arrow-left.svg" %}
+          {% set direction = lang.t("footer.previous") %}
+          <a
+            href="{{ page.previous_page.url | url }}"
+            class="md-footer__link md-footer__link--prev"
+            aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
+          >
+            <div class="md-footer__button md-icon">
+              {% set icon = config.theme.icon.previous or "material/arrow-left" %}
+              {% include ".icons/" ~ icon ~ ".svg" %}
             </div>
-            <div class="md-footer-nav__title">
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                {{ direction }}
+              </span>
               <div class="md-ellipsis">
-                <span class="md-footer-nav__direction">
-                  {{ lang.t("footer.previous") }}
-                </span>
                 {{ page.previous_page.title }}
               </div>
             </div>
@@ -52,22 +62,28 @@
 
         <!-- Link to next page -->
         {% if page.next_page %}
-          <a href="{{ page.next_page.url | url }}" class="md-footer-nav__link md-footer-nav__link--next" rel="next">
-            <div class="md-footer-nav__title">
+          {% set direction = lang.t("footer.next") %}
+          <a
+            href="{{ page.next_page.url | url }}"
+            class="md-footer__link md-footer__link--next"
+            aria-label="{{ direction }}: {{ page.next_page.title | e }}"
+          >
+            <div class="md-footer__title">
+              <span class="md-footer__direction">
+                {{ direction }}
+              </span>
               <div class="md-ellipsis">
-                <span class="md-footer-nav__direction">
-                  {{ lang.t("footer.next") }}
-                </span>
                 {{ page.next_page.title }}
               </div>
             </div>
-            <div class="md-footer-nav__button md-icon">
-              {% include ".icons/material/arrow-right.svg" %}
+            <div class="md-footer__button md-icon">
+              {% set icon = config.theme.icon.next or "material/arrow-right" %}
+              {% include ".icons/" ~ icon ~ ".svg" %}
             </div>
           </a>
         {% endif %}
       </nav>
-
+    {% endif %}
       <!-- ASF Footer information-->
       <div class="md-grid">
         <div class="md-footer-container md-grid">
@@ -104,34 +120,12 @@ <h1>Contact Info</h1>
           </div>
         </div>
       </div>
-    </div>
   {% endif %}
 
   <!-- Further information -->
   <div class="md-footer-meta md-typeset">
     <div class="md-footer-meta__inner md-grid">
-
-      <!-- Copyright and theme information -->
-      <div class="md-footer-copyright">
-        <div class="md-footer-copyright__highlight">
-          {% if config.copyright or config.theme.copyright %}
-            &copy; <span id="copyright-year"></span>
-            <script type="text/javascript">
-                current_year = new Date().getFullYear();
-                document.getElementById("copyright-year").innerHTML=current_year;
-            </script>
-            {{ config.copyright if config.copyright else config.theme.copyright}}
-          {% endif %}
-          <!-- ASF non-discrimination disclaimer-->
-          &nbsp;&nbsp;
-          <a href="https://www.alaska.edu/nondiscrimination"
-             target="_blank"
-             class="md-footer-copyright-link">
-            UA is an AA/EO employer and educational institution and prohibits
-            illegal discrimination against any individual
-          </a>
-        </div>
-      </div>
+      {% include "partials/copyright.html" %}
 
       <!-- Social links -->
       {% include "partials/social.html" %}
diff --git a/asf_theme/partials/header.html b/asf_theme/partials/header.html
index 33e3d52..d391b7f 100644
--- a/asf_theme/partials/header.html
+++ b/asf_theme/partials/header.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
+  Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
   of this software and associated documentation files (the "Software"), to
@@ -20,75 +20,108 @@
   IN THE SOFTWARE.
 -->
 
-<!-- Mitigate bug: https://github.com/mkdocs/mkdocs/issues/2191 -->
-{% set site_url = config.site_url | default(nav.homepage.url, true) | url %}
-{% if not config.use_directory_urls and site_url[0] == site_url[-1] == "." %}
-  {% set site_url = site_url ~ "/index.html" %}
-{% endif %}
+<!-- Adapted from https://github.com/squidfunk/mkdocs-material/blob/9.4.2/src/templates/partials/header.html -->
 
-<!-- Application header -->
-<header class="md-header" data-md-component="header">
+<!-- Determine classes -->
+{% set class = "md-header" %}
+{% if "navigation.tabs.sticky" in features %}
+  {% set class = class ~ " md-header--shadow md-header--lifted" %}
+{% elif "navigation.tabs" not in features %}
+  {% set class = class ~ " md-header--shadow" %}
+{% endif %}
 
-  <!-- Top-level navigation -->
-  <nav class="md-header-nav md-grid" aria-label="{{ lang.t('header.title') }}">
+<!-- Header -->
+<header class="{{ class }}" data-md-component="header">
+  <nav
+    class="md-header__inner md-grid"
+    aria-label="{{ lang.t('header') }}"
+  >
 
     {% if config.theme.asf_logo %}
-      <!-- Link to ASF -->
-      <a
-        href="{{ config.theme.asf_logo_url }}"
-        title="ASF"
-        class="md-header-nav__button md-logo"
-        aria-label="ASF"
-      >
+    <!-- Link to ASF -->
+    <a
+      href="{{ config.theme.asf_logo_url }}"
+      title="ASF"
+      class="md-header__button md-logo"
+      aria-label="ASF"
+      data-md-component="logo"
+    >
       <img src="{{ config.theme.asf_logo | url }}" alt="logo" />
+    </a>
     {% endif %}
+
     <!-- Link to home -->
     <a
-      href="{{ site_url }}"
+      href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"
       title="{{ config.site_name | e }}"
-      class="md-header-nav__button md-logo"
+      class="md-header__button md-logo"
       aria-label="{{ config.site_name }}"
+      data-md-component="logo"
     >
       {% include "partials/logo.html" %}
     </a>
 
     <!-- Button to open drawer -->
-    <label class="md-header-nav__button md-icon" for="__drawer">
-      {% include ".icons/material/menu" ~ ".svg" %}
+    <label class="md-header__button md-icon" for="__drawer">
+      {% set icon = config.theme.icon.menu or "material/menu" %}
+      {% include ".icons/" ~ icon ~ ".svg" %}
     </label>
 
     <!-- Header title -->
-    <div class="md-header-nav__title" data-md-component="header-title">
-      {% if config.site_name == page.title %}
-        <div class="md-header-nav__ellipsis md-ellipsis">
-          {{ config.site_name }}
-        </div>
-      {% else %}
-        <div class="md-header-nav__ellipsis">
-          <span class="md-header-nav__topic md-ellipsis">
+    <div class="md-header__title" data-md-component="header-title">
+      <div class="md-header__ellipsis">
+        <div class="md-header__topic">
+          <span class="md-ellipsis">
             {{ config.site_name }}
           </span>
-          <span class="md-header-nav__topic md-ellipsis">
-            {% if page and page.meta and page.meta.title %}
+        </div>
+        <div class="md-header__topic" data-md-component="header-topic">
+          <span class="md-ellipsis">
+            {% if page.meta and page.meta.title %}
               {{ page.meta.title }}
             {% else %}
               {{ page.title }}
             {% endif %}
           </span>
         </div>
-      {% endif %}
+      </div>
     </div>
 
-    {% if "search" in config["plugins"] %}
-     <!-- Search interface -->
+    <!-- Color palette toggle -->
+    {% if config.theme.palette %}
+      {% if not config.theme.palette is mapping %}
+        {% include "partials/palette.html" %}
+      {% endif %}
+    {% endif %}
+
+    <!-- Site language selector -->
+    {% if config.extra.alternate %}
+      {% include "partials/alternate.html" %}
+    {% endif %}
+
+    <!-- Button to open search modal -->
+    {% if "search" in config.plugins %}
+      <label class="md-header__button md-icon" for="__search">
+        {% set icon = config.theme.icon.search or "material/magnify" %}
+        {% include ".icons/" ~ icon ~ ".svg" %}
+      </label>
+
+      <!-- Search interface -->
       {% include "partials/search.html" %}
     {% endif %}
 
-    <!-- Repository containing source -->
+    <!-- Repository information -->
     {% if config.repo_url %}
-      <div class="md-header-nav__source">
+      <div class="md-header__source">
         {% include "partials/source.html" %}
       </div>
     {% endif %}
   </nav>
+
+  <!-- Navigation tabs (sticky) -->
+  {% if "navigation.tabs.sticky" in features %}
+    {% if "navigation.tabs" in features %}
+      {% include "partials/tabs.html" %}
+    {% endif %}
+  {% endif %}
 </header>
diff --git a/asf_theme/partials/social.html b/asf_theme/partials/social.html
index b378624..3ff529e 100644
--- a/asf_theme/partials/social.html
+++ b/asf_theme/partials/social.html
@@ -1,5 +1,5 @@
 <!--
-  Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>
+  Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
 
   Permission is hereby granted, free of charge, to any person obtaining a copy
   of this software and associated documentation files (the "Software"), to
@@ -20,33 +20,31 @@
   IN THE SOFTWARE.
 -->
 
-<!-- Social links in footer -->
-<div class="md-footer-social">
-    {% for social in config.theme.social %}
-      {% set title = social.name %}
-      {% if not title and "//" in social.link %}
-        {% set _,url = social.link.split("//") %}
-        {% set title = url.split("/")[0] %}
-      {% endif %}
-      <a href="{{ social.link }}" target="_blank" rel="noopener" title="{{ title | e }}" class="md-footer-social__link">
-        {% include ".icons/" ~ social.icon ~ ".svg" %}
-      </a>
-    {% endfor %}
-    {% if config.extra.social %}
-        {% for social in config.extra.social %}
-          {% set title = social.name %}
-          {% if not title and "//" in social.link %}
-            {% set _,url = social.link.split("//") %}
-            {% set title = url.split("/")[0] %}
-          {% endif %}
-          <a
-            href="{{ social.link }}"
-            target="_blank" rel="noopener"
-            title="{{ title | e }}"
-            class="md-footer-social__link"
-          >
-            {% include ".icons/" ~ social.icon ~ ".svg" %}
-          </a>
-        {% endfor %}
+<!-- Adapted from https://github.com/squidfunk/mkdocs-material/blob/9.4.2/src/templates/partials/social.html -->
+
+<!-- Social links -->
+<div class="md-social">
+  {% for social in config.theme.social + config.extra.social %}
+
+    <!-- Automatically set rel=me for Mastodon -->
+    {% set rel = "noopener" %}
+    {% if "mastodon" in social.icon %}
+      {% set rel = rel ~ " me" %}
+    {% endif %}
+
+    <!-- Compute title and render link -->
+    {% set title = social.name %}
+    {% if not title and "//" in social.link %}
+      {% set _, url = social.link.split("//") %}
+      {% set title  = url.split("/")[0] %}
     {% endif %}
+    <a
+      href="{{ social.link }}"
+      target="_blank" rel="{{ rel }}"
+      title="{{ title | e }}"
+      class="md-social__link"
+    >
+      {% include ".icons/" ~ social.icon ~ ".svg" %}
+    </a>
+  {% endfor %}
 </div>
diff --git a/setup.py b/setup.py
index 1f76b24..861b458 100644
--- a/setup.py
+++ b/setup.py
@@ -31,7 +31,7 @@
 
     install_requires=[
         'mkdocs',
-        'mkdocs-material>=6.2.1,<7.0',
+        'mkdocs-material==9.4.2',
     ],
 
     packages=find_packages(),