(Squarespace) Remove Product Image Arrows

[tuanphan]

To remove Product Arrows over Images on Product Detail Page, you can use code to Website Tools > Custom CSS box

Remove on Desktop - Mobile

/* Desktop + Mobile */
button.product-item-gallery-carousel-control {
    display: none !important;
}

Desktop Only

/* Desktop Only */
@media screen and (min-width:992px) {
  button.product-item-gallery-carousel-control {
    display: none !important;
}
}

Mobile Only

/* Mobile Only */
@media screen and (max-width:991px) {
  button.product-item-gallery-carousel-control {
    display: none !important;
}
}