correct title resize

MattNolanLab · Apr 1, 2024 · b837431 · b837431
1 parent e23121c
commit b837431
Showing 1 changed file with 14 additions and 17 deletions.
diff --git a/_includes/header.liquid b/_includes/header.liquid
@@ -116,22 +116,19 @@
       </div>
     </progress>
   {% endif %}
-  <script>
-window.addEventListener('resize', resizeFont);
+    <script>
+    window.addEventListener('resize', resizeFont);
+    function resizeFont() {
+      var parentWidth = document.querySelector('.container').offsetWidth;
+      var fontSize = parentWidth * 0.05; // Adjust the multiplier as needed
+      var textElements = document.querySelectorAll('.banner-text');
 
-function resizeFont() {
-  var parentWidth = document.querySelector('.container').offsetWidth;
-  var fontSize = parentWidth * 0.05; // Adjust the multiplier as needed
-  var textElements = document.querySelectorAll('.banner-text');
-
-  textElements.forEach(function(element) {
-    element.style.fontSize = fontSize + 'px';
-  });
-}
-
-// Call resizeFont on page load
-window.onload=function() {
-    resizeFont();
-}
-</script>
+      textElements.forEach(function(element) {
+        element.style.fontSize = fontSize + 'px';
+      });
+    }
+    document.addEventListener('DOMContentLoaded', function() {
+      resizeFont();
+    });
+    </script>
 </header>