From 6068b50add25002154f55ef934a9ec98906a3ff7 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Wed, 30 Jan 2019 20:08:51 +0000
Subject: [PATCH] menu background images not loaded on mobile

---
 components/SiteMenu.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/SiteMenu.vue b/components/SiteMenu.vue
index 3441eed..e0a86c4 100644
--- a/components/SiteMenu.vue
+++ b/components/SiteMenu.vue
@@ -22,7 +22,7 @@
           >
             <div v-if="item.bgImgUrl"
                  class="menu-background menu-link-background"
-                 :style="{ 'background-image': `url(${item.bgImgUrl})` }"
+                 :style="{ 'background-image': loadMenuImages ? `url(${item.bgImgUrl})` : 'none' }"
             >
             </div>
             <nuxt-link class="site-nav__link"
@@ -78,7 +78,7 @@ export default {
 
   data () {
     return {
-      loadMenuImages: false,
+      loadMenuImages: true,
       siteNav: [
         { 'to': '/', 'text': 'Home', bgImgUrl: '/img/devices--bw.jpg'},
         { 'to': '/galleries', 'text': 'Galleries', bgImgUrl: '/img/photo-box--bw.jpg' },
@@ -94,6 +94,11 @@ export default {
       ]
     }
   },
+
+  mounted () {
+    const mq = window.matchMedia("(min-width: 40em)")
+    this.loadMenuImages = mq.matches
+  },
 }
 </script>