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' },
@@ -478,8 +479,14 @@ $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;
@@ -536,7 +543,7 @@ $transition-timing: .5s;
 
     .site-nav__item:hover .menu-link-background {
       transition: opacity 1s;
-    opacity: .4;
+      opacity: .3;
     }
 
   .social-background {
@@ -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"