Block swipe for Easy Slider

Hi,
Or try this css:

/* Disable touch/swipe on mobile */
@media (max-width: 768px) {
    .avia-slideshow,
    .avia-slideshow * {
        touch-action: none !important;
        -webkit-user-drag: none !important;
        user-select: none !important;
    }
}

Best regards,
Mike

Hi,
Thanks for the feedback, I can only test on a Android device, but will need an admin login to apply the code and then test on my device.
Please add the admin login in the private comment below.

Best regards,
Mike

Hi,
Thanks, I added this script to your child theme functions.php file:

function remove_slideshow_swipe_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    if (window.innerWidth <= 768) {
        var slideshow = document.querySelector('.avia-slideshow');
        if (slideshow) {
            slideshow.style.touchAction = 'none';
            
            ['touchstart', 'touchmove', 'touchend'].forEach(function(event) {
                slideshow.addEventListener(event, function(e) {
                    e.preventDefault();
                    e.stopImmediatePropagation();
                }, {passive: false, capture: true});
            });
        }
    }
});
  </script>
  <?php
}
add_action( 'wp_footer', 'remove_slideshow_swipe_script', 99 );

and it is working for my Android device, with the other script still working, as before if you are using a iPhone you may need to clear the history to fully clear the cache.

Best regards,
Mike

Hi,

Thank you for the update.

We updated the script in the functions.php file — the page should now be scrollable.

function remove_slideshow_swipe_script() { ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    if (window.innerWidth <= 768) {
        var slideshow = document.querySelector('.avia-slideshow');
        if (!slideshow) return;

        slideshow.style.touchAction = 'pan-y';

        let startX = 0;
        let startY = 0;

        slideshow.addEventListener('touchstart', function(e) {
            startX = e.touches[0].clientX;
            startY = e.touches[0].clientY;
        }, {passive: true, capture: true});

        slideshow.addEventListener('touchmove', function(e) {
            const dx = Math.abs(e.touches[0].clientX - startX);
            const dy = Math.abs(e.touches[0].clientY - startY);

            if (dx > dy) {
                e.preventDefault();
                e.stopImmediatePropagation();
            }
        }, {passive: false, capture: true});
    }
});
</script>
<?php
}
add_action( 'wp_footer', 'remove_slideshow_swipe_script', 99 );

Best regards,
Ismael

Hi,
Glad that Ismael could help, you are correct that non-touch devices will not encounter touch events, so it should not be an issue. Unless there is anything else with this issue, shall we close this thread? Naturally you can always open a new thread for new issues, but we like to keep each thread on topic. :)

Best regards,
Mike