From 0f612575bc3a1a8a08c0e8ab5d97637483135968 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Thu, 20 Jan 2022 21:37:12 +0000
Subject: [PATCH] fix: Headroom console error when no header

---
 wowchemy/assets/js/wowchemy-headroom.js | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/wowchemy/assets/js/wowchemy-headroom.js b/wowchemy/assets/js/wowchemy-headroom.js
index 2fb16147..a7eec8d1 100644
--- a/wowchemy/assets/js/wowchemy-headroom.js
+++ b/wowchemy/assets/js/wowchemy-headroom.js
@@ -7,16 +7,19 @@
 
 import Headroom from './_vendor/headroom.min.js';
 
-let pageData = JSON.parse(document.getElementById('page-data').textContent);
-console.debug(`Use headroom on this page? ${pageData['use_headroom']}`);
+document.addEventListener('DOMContentLoaded', function () {
+  // Get config
+  let pageData = JSON.parse(document.getElementById('page-data').textContent);
+  console.debug(`Use headroom on this page? ${pageData['use_headroom']}`);
 
-if (pageData['use_headroom'] === true) {
-  document.addEventListener('DOMContentLoaded', function () {
-    // Grab header element
-    let myElement = document.querySelector('header');
+  // Grab header element
+  let $header = document.querySelector('header');
+
+  // Use Headroom on this page?
+  if ($header && pageData['use_headroom'] === true) {
     // Construct an instance of Headroom, passing the header
-    let headroom = new Headroom(myElement);
+    let headroom = new Headroom($header);
     // Initialise Headroom
     headroom.init();
-  });
-}
+  }
+});