update nav on window.load

Author: cmbuckley

_data/fingerprints.yml

@@ -1,6 +1,6 @@
 lunr: 2.3.6
 icons: 715715b9
 maths: 5414f235
-scripts: e83760ff
+scripts: 5e21b909
 search: b74b56ab
 style: f9070efd

_includes/v.html

@@ -1,7 +1,7 @@
 {%- unless site.suppress_fingerprints -%}
   ?v=
 
-  {%- assign fingerprints = 'icons: 715715b9,maths: 5414f235,scripts: e83760ff,search: b74b56ab,style: f9070efd' | split: ',' -%}
+  {%- assign fingerprints = 'icons: 715715b9,maths: 5414f235,scripts: 5e21b909,search: b74b56ab,style: f9070efd' | split: ',' -%}
   {%- assign found = false -%}
 
   {%- if jekyll.environment == 'production' -%}

assets/js/scripts.js

@@ -58,8 +58,9 @@ document.addEventListener('DOMContentLoaded', function () {
     });
 
     // update the menu height if screen changes
+    // first update on window load to be sure CSS has applied
     window.addEventListener('resize', updateMenu);
-    updateMenu();
+    window.addEventListener('load', updateMenu);
 
     // loop through all elements and replace with breakpoint elements
     if (window.CSS && CSS.supports('display', 'none')) {