[matrix] Hide hamburger menu on pages without sidebar

docs/_static/custom.js

@@ -56,6 +56,7 @@ document.addEventListener('DOMContentLoaded', () => {
   sections = document.querySelectorAll('section');
   hamburgerToggle = document.getElementById('hamburger-toggle');
 
+  if (hamburgerToggle) {
     hamburgerToggle.addEventListener('click', (e) => {
       sidebar.element.classList.toggle('sidebar-toggle');
       let button = hamburgerToggle.firstElementChild;
@@ -66,6 +67,7 @@ document.addEventListener('DOMContentLoaded', () => {
         button.textContent = 'menu';
       }
     });
+  }
 
   const tables = document.querySelectorAll('.py-attribute-table[data-move-to-id]');
   tables.forEach(table => {

docs/_templates/layout.html

@@ -102,9 +102,11 @@
     </div>
     {#- The sidebar component #}
     <aside class="grid-item">
+      {%- if display_toc %}
       <span id="hamburger-toggle">
         <span class="material-icons">menu</span>
       </span>
+      {%- endif %}
       <span id="settings-toggle" class="settings" onclick="settingsModal.open();">
         <span class="material-icons">settings</span>
       </span>