Wait for window load event to display home navigation

assets/js/app.js

@@ -47,7 +47,7 @@ function calculateNavGridInnerDiagonal() {
 
 // Create new instance of CircleType for each navigation link, set radius and direction
 function curveNavLinks() {
-    if (navLinks && circleTypes) {
+    if (navLinks.length !== 0 && circleTypes) {
         if (navLinks.length < 7) {
             for (let i = 0; i < (navLinks.length - 1); i++) {
                 circleTypes[i] = new CircleType(navLinks[i]);
@@ -82,7 +82,7 @@ function setNavItemTranslationProperty() {
 
 // Set navigation grid display depending on number of links
 function setNavGridDisplay() {
-    if (navEl && navLinks) {
+    if (navEl && navLinks.length !== 0) {
         if (navLinks.length === 2) {
             navEl.classList.add('home__nav--2-items');
         } else if (navLinks.length === 3) {
@@ -107,7 +107,7 @@ function setNavGridDisplay() {
 // Edit navigation links radius and translation on window resize event
 function editNavLinksOnResize() {
     window.addEventListener('resize', function(e) {
-        if (navLinks && circleTypes) {
+        if (navLinks.length !== 0 && circleTypes) {
             for (let i = 0; i < navLinks.length; i++) {
                 circleTypes[i].radius(calculateNavGridInnerWidth() / 2);
             }
@@ -154,7 +154,7 @@ function waveNavLinkDown(navLink) {
 
 // Add wave (up or down) animation to every letters of each link on mouseover event
 function waveNavLinksOnHover() {
-    if (navLinks) {
+    if (navLinks.length !== 0) {
         if (navLinks.length < 7) {
             for (let i = 0; i < (navLinks.length - 1); i++) {
                 navLinks[i].addEventListener('mouseover', function(e) {
@@ -182,11 +182,13 @@ function waveNavLinksOnHover() {
 }
 
 function handleNavDisplay() {
-    curveNavLinks();
-    setNavItemTranslationProperty();
-    setNavGridDisplay();
-    editNavLinksOnResize();
-    waveNavLinksOnHover();
+    window.addEventListener('load', function() {
+        curveNavLinks();
+        setNavItemTranslationProperty();
+        setNavGridDisplay();
+        editNavLinksOnResize();
+        waveNavLinksOnHover();
+    });
 }
 
 // ----------------------------------------------------------------------------