Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 14, 2025 at 7:02 pm #1492503
    photographie-tous-azimuts

    On this page that I created with your very useful help, swiping on mobile devices changes the image, making it out-of-sync with the selected item in the ingredients list. How can I block user swiping? I cannot disable the Easy Slider navigation controls (set it to no user interaction) because the item selection code in the ingredient list needs them to display the corresponding image.

    Best regards,
    Serge Froment

    December 14, 2025 at 8:57 pm #1492504
    Mike

    Hey photographie-tous-azimuts,
    Try adding this css:

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

    Then clear your cache and check. Unfortunately I can not test this on my end as desktop browser doesn’t show the swipe action, but this will likely work.
    If you are using a iPhone you may need to clear the history to fully clear the cache.

    Best regards,
    Mike

    December 14, 2025 at 8:59 pm #1492505
    Mike

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.