Remove nav arrows from product page - Focal Theme

[devcoders]

Hello @galleriste

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

@media screen and (max-width: 767px) {
flickity-controls.product__media-nav {
    justify-content: center;
}
.product__media-prev-next.hidden-lap-and-up.tap-area.tap-area--large {
    display: none;
}
.product__media-prev-next.hidden-lap-and-up.tap-area.tap-aera--large {
    display: none;
}
}