Hi I would like to see if I could remove the white square arrows that show up on a single product image that allows you to toggle through the other images. These ONLY show up when viewing on a mobile device and they overlap the image. I can click the alternate images below or simply swipe the main large image to see the other images so would like to see if they can be removed versus reducing the size of my images so that the arrows don't overlap. Is this possible, see mobile screenshot attached.
Hi I would like to see if I could remove the white square arrows that show up on a single product image that allows you to toggle through the other images. These ONLY show up when viewing on a mobile device and they overlap the image. I can click the alternate images below or simply swipe the main large image to see the other images so would like to see if they can be removed versus reducing the size of my images so that the arrows don't overlap. Is this possible, see mobile screenshot attached.
Hello,
You can go to Appearance -> Customize -> Advanced -> Custom CSS add custom style css
@media (max-width: 767px){.woocommerce-product-gallery__wrapper div.slick-arrow {
display: none;
}
}