Hides carousel arrows when disbled.

src/assets/js/js.js

@@ -78,7 +78,7 @@ jQuery( document ).ready(function( $ ) {
 		nextArrow: '<button type="button" data-role="none" class="single-item-collection--attachments-next" aria-label="Next" role="button" style="display: block;"><i class="tainacan-icon tainacan-icon-arrowright"></i></button>',
 		slidesToShow: 7,
 		slidesToScroll: 1,
-		centerMode: true,
+		infinite: false,
 		focusOnSelect: true,
 		autoplay: false,
 		autoplaySpeed: 2000,

src/assets/scss/_post.scss

@@ -535,12 +535,20 @@
                         @media only screen and (max-width: 380px) {
                             right: -40px;
                         }
+                        &.slick-disabled {
+                            display: none;
+                            visibility: hidden;
+                        }
                     }
                     .single-item-collection--attachments-next {
                         right: -50px;
                         @media only screen and (max-width: 380px) {
                             right: -40px;
                         }
+                        &.slick-disabled {
+                            display: none;
+                            visibility: hidden;
+                        }
                     }
                     .single-item-collection--attachments-prev, .single-item-collection--attachments-next {
                         position: absolute;