Remove The Swipe Arrows & Image Number Below Product Images On The Product Page (Dawn Theme)

Store Design
, , ,
1

I would like to remove the slide arrows and image number below the product image, so that they are no longer visible on mobile view.

e.g. it removes ‘< 1/2 >’ completely

Any advice is appreciated.

URL: https://ortho-cushion.com/products/back-relief-lumbar-pillow

Screenshot 2023-03-03 153722.png
Screenshot 2023-03-03 153722.png500×999 173 KB

2

Hi @BraxtonEcom ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-slider.css->paste below code at the bottom of the file:

.slider-buttons.no-js-hidden.quick-add-hidden {
    display: none;
}

Hope my answer will help you.

Best regards,

Victor | PageFly