Remove the swipe arrows on product images on the product page (Dawn Theme)

[BraxtonEcom]

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

Any advice is appreciated.

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

[PageFly-Richard]

Hi @BraxtonEcom ,

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

.product__media-wrapper .slider-button {
    opacity: 0;
    visibility: hidden !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[BraxtonEcom]

Thank you so much.

Could you please make the code so that it removes the whole slider section e.g. it removes ‘< 1/2 >’ completely? (rather than just removing the arrows, it removes the whole thing)

[PageFly-Richard]

Hi @BraxtonEcom ,

Sorry for the reply late.

I checked it looks like you got the solution right?

Do you have a problem that I can help you with?

Best regards,

Richard | PageFly