deleted unneeded comments

TODO.md

@@ -1,7 +1,3 @@
-## Menu
-* Proper background images for hover effect
-* don't load background images on mobile
-
 ## contact
 * form background image
 

components/SiteMenu.vue

@@ -78,6 +78,7 @@ export default {
 
   data () {
     return {
+      loadMenuImages: false,
       siteNav: [
         { 'to': '/', 'text': 'Home', bgImgUrl: '/img/devices--bw.jpg'},
         { 'to': '/galleries', 'text': 'Galleries', bgImgUrl: '/img/photo-box--bw.jpg' },
@@ -479,7 +480,13 @@ $transition-timing: .5s;
 }
 
 .menu-background {
+  display: none;
+}
+
+@media (min-width: $bp__layout) {
+  .menu-background {
     z-index: 1;
+    display: initial;
     position: absolute;
     top: 0;
     bottom: 0;
@@ -490,9 +497,9 @@ $transition-timing: .5s;
     @media (min-width: $bp__layout) {
       right: $site-menu__header-width;
     }
-}
+  }
 
-.menu-link-background {
+  .menu-link-background {
     background-size: cover;
     background-position: center center;
 
@@ -532,17 +539,17 @@ $transition-timing: .5s;
                     rgba($color, 1)
                   );
     }
-}
+  }
 
     .site-nav__item:hover .menu-link-background {
       transition: opacity 1s;
-    opacity: .4;
+      opacity: .3;
     }
 
-.social-background {
+  .social-background {
     transition: opacity .5s;
     opacity: 0;
-}
+  }
 
     .social-background__icon {
       position: absolute;
@@ -557,6 +564,7 @@ $transition-timing: .5s;
       transition: opacity 1s;
       opacity: .15;
     }
+  }
 
 
 </style>

pages/services.vue

@@ -1,6 +1,5 @@
 <template>
   <ContentPage heading="My Services">
-    <!-- TODO need to disable this if on mobile -->
     <BackgroundImagePreloader v-if="showPreloaderBackground" slot="background"
                               class="background-preloader"
                               :image-urls="backgroundImageUrls"