update

components/GalleryPage.vue

@@ -23,7 +23,7 @@ export default {
   components: {
     GalleryFeatured,
     GalleryThumbs,
-    GalleryImageViewer
+    GalleryImageViewer,
   },
 
   props: {
@@ -118,6 +118,10 @@ export default {
       overflow: hidden;
     }
 
+    .gallery__nav {
+      display: none;
+    }
+
   .close-viewer {
     display: none;
   }

components/GalleryThumbs.vue

@@ -5,7 +5,6 @@
       <li v-for="(gallery, index) in galleries"
           :key="index">
         <ul class="gallery-thumbs__row">
-          <NavArrow class="gallery-thumbs__slider mobile-only" />
           <li class="featured-image mobile-only"
               :style="{ 'height': featuredHeight }">
           </li>
@@ -21,11 +20,8 @@
 </template>
 
 <script>
-import NavArrow from '@/components/NavArrow'
-
 export default {
   components: {
-    NavArrow
   },
   
   props: {
@@ -45,6 +41,9 @@ export default {
   },
 
   methods: {
+    slideRight(index) {
+      console.log('slideRight: ', index)
+    }
   }
 }
 </script>

components/NavArrow.vue

@@ -22,6 +22,8 @@ export default {
 
 <style lang="scss" scoped>
   .nav-arrow {
+    cursor: pointer;
+
     font-size: 3em;
     text-align: center;
     background-color: rgba(blue, .3);