docs: another way to hide a page title at API Reference page

docs/.overrides/api_reference.html

@@ -0,0 +1,20 @@
+{% extends "main.html" %}
+
+{% block htmltitle %}
+    {% if page.meta and page.meta.title %}
+        <title>{{ page.meta.title }}</title>
+    {% elif page.title and not page.is_homepage %}
+        <title>{{ page.title | striptags }}</title>
+    {% else %}
+        <title>{{ config.site_name }}</title>
+    {% endif %}
+{% endblock %}
+
+{% block content %}
+    {% include "partials/api_ref_content.html" %}
+{% endblock %}
+
+{% block extrahead %}
+    <style>.md-content__button {display:none !important}; </style>
+    <style>.md-header__topic {font-weight:700 !important}</style>
+{% endblock %}

docs/.overrides/partials/api_ref_content.html

@@ -0,0 +1,11 @@
+{% if "material/tags" in config.plugins and tags %}
+  {% include "partials/tags.html" %}
+{% endif %}
+{% include "partials/actions.html" %}
+{% if "\x3ch1" not in page.content %}
+  <!--h1>{{ page.title | d(config.site_name, true)}}</h1-->
+{% endif %}
+{{ page.content }}
+{% include "partials/source-file.html" %}
+{% include "partials/feedback.html" %}
+{% include "partials/comments.html" %}

docs/api_reference.md

@@ -1,15 +1,11 @@
 ---
+title: API Reference - mp-units
+template: api_reference.html
 hide:
   - navigation
   - toc
 ---
 
-<style>
-  .md-content .md-typeset h1 {
-      display: none;
-  }
-</style>
-
 <script src="../javascripts/jquery.min.js"></script>
 <script src="../javascripts/iframeResizer.min.js"></script>