Gallery of images with noticeable arrows in the mobile and full version

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

@media (max-width: 768px){
body .woodmart-carousel-spacing-20 .owl-nav > div[class*="prev"], 
body .woodmart-carousel-spacing-30 .owl-nav > div[class*="prev"] {
    left: 0px;
}
body .woodmart-carousel-spacing-20 .owl-nav > div[class*="next"], 
body .woodmart-carousel-spacing-30 .owl-nav > div[class*="next"] {
    right: 0px;
}
}
body .owl-carousel .owl-nav > div, .show-arrow .wrap-loading-arrow > div {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: visible;
}

Best Regards