Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 15, 2025 at 1:06 pm #1486800
    mistermagoo8691

    Hi folks, I realize only now that you introduced a couple of years ago the “swipe” feature on mobile for the lightboxes.
    It seems like it is not working very well on my website, please check for instance the first gallery you have on this page (but it is the same on all pages):

    Colle di Frudière (2271m), sentiero 1

    Checking it with Chrome and Brave on an IOS phone, if I swipe to the left, the image correctly jumps to the next one, but also the whole screen moves for one second to the left. If I swipe to the right, same behaviour: the whole pages moves for a while, and then I go to the previous slide.

    Is this the way it is supposed to be working?

    My website is of course updated to the last version of Enfold.

    I am afraid there is some customization on my CSS/.PHP made in the past that is preventing it to work correctly…

    Thanks & bye!
    A.-

    July 17, 2025 at 7:46 am #1486915
    Ismael

    Hey Angelo,

    Thank you for the inquiry.

    We can’t reproduce the issue on our end, but you can try adding this css code to prevent the lightbox container from moving during swipe.

    #top .mfp-wrap {
    overflow: hidden;
}

    Let us know the result.

    Best regards,
    Ismael

    July 21, 2025 at 1:58 pm #1487073
    mistermagoo8691

    Thanks Ismael for your help!
    What mobile/broswer did you use when you tried to reproduce the issue?

    Anyhow: thanks for the hint, I’ve added the CSS, now it is better… but there is still an annoying side effect:
    when you swipe, you’ll see that if you’re not swiping with your finger PERFECTLY horizontally, the screen still moves up and down a little bit, giving the… groggy experience you can see in the following screencast:

    https://we.tl/t-dOmAaqQ753

    It’s a Wetransfer video, the link will expire in 3 days: in case you read this message later, I will refresh the link.

    Is there any magic CSS trick we can do to avoid ALSO this vertical movement during the swype?

    Thanks as usual!
    Bye,
    A.-

    July 22, 2025 at 5:44 am #1487094
    Ismael

    Hi,

    Thank you for the short clip.

    Try to include this css code to prevent the document from shifting while navigating the lightbox.

    .responsive .mfp-zoom-out-cur {
    overflow: hidden;
}

    Best regards,
    Ismael

    July 24, 2025 at 3:51 pm #1487187
    mistermagoo8691

    Thanks Ismael.
    I don’t see any change, adding this CSS: the page is still scrolling a little bit up or down if I am not perfectly swiping horizontally.
    Are you able to reproduce the issue that I’ve shown in the screencast I’ve included in the last post?

    THX
    Bye,
    A.-

    July 25, 2025 at 7:04 am #1487217
    Ismael

    Hi,

    We’re unable to reproduce the issue, but the css modification should prevent the lightbox containers from wobbling while swiping. You can also try this css:

    #top .mfp-wrap {
    overflow: hidden;
    touch-action: none;
}

    Let us know the result.

    Best regards,
    Ismael

    July 29, 2025 at 2:20 pm #1487341
    mistermagoo8691

    Thanks Ismael. I would like to understand why you cannot replicate it… but this last CSS did the job: now it is perfect, the page is not wobbling anymore!

    Thanks again, nice job as usual.
    Bye!
    A.-

    July 30, 2025 at 5:57 am #1487368
    Ismael

    Hi,

    Glad to know this resolved the issue! Let us know if you have any more questions. Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Swipe on lightbox, seems not to be working properly’ is closed to new replies.