Horizontal Gallery on mobile phones: can I jump directly into the lightbox?

Wow, that’s a hard one, isn’t it? I just wanted to know if you cannot support me because you don’t understand the problem… in this case I can add several screeshots (or even a video, if this can help….)
Thanks!

Yes, @Guenni007, you are right! I forgot that I added this to the CSS…

#top .av-horizontal-gallery-link {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    transform: none !important;
}

…after reading this suggestion by @Nikko in the thread below:
https://kriesi.at/support/topic/horizontal-gallery-need-the-lightbox-to-open-when-the-picture-is-clicked/

In fact this is what I want to achieve: when the user clicks on the image in the horizontal gallery, this should open the Lightbox directly. Nothing in between!

This is exactly what happens with the CSS above, if you’re browsing from a a PC. But on a mobile, you must still do the “double tap” (first tap on the image, the “enlarge icon” appears, and the you tap again anywhere and the lightbox opens).

Is there any way to achieve what I’d like to achieve, both on PC and Mobile?

THX
Bye!
A.-

• This reply was modified 2 years, 1 month ago by mistermagoo8691.
• This reply was modified 2 years, 1 month ago by mistermagoo8691.

Hi Mike. See the attached video. I am using Chrome on an iPhone.

https://www.youtube.com/shorts/U4-e40FQ_nY

As you can see, the firts tap on the image shows the “enlarge” icon (it is not visible in full, you can see half of that), and then only the second tap opens it in the lightbox.

As I explained above, I’ve added the CSS below after the suggestion on @nikko in the mentioned thread, because I wanted to open the lightbox on the first click on PC (and I thought it worked on mobiles on first tap too).
Well, it works fine on the PC… but it does not work on mobile (apparently on IOS only, based on what you told me)!

#top .av-horizontal-gallery-link {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    transform: none !important;
}

THX
Ciao!
A.-

Hi @Mike, did you have any feedback from your colleagues? Thanks in advance!

Hi @Ismael. I’ve added the script, but almost nothing changed.

Please note: I’ve added it to the existing snippet, therefore now I have both:

/* old snippet */
#top .av-horizontal-gallery-link {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    transform: none !important;
}

/* new snippet */
#top .av-horizontal-gallery-link:before {
position: absolute;
    right: 10px;
    bottom: 0;
}

There is only one small change: the icon now appears in a different position, as you said.

But please note: my goal is different: I want to open the image in the lightbox as soon as I tap on it, immediately. The “expand” icon is useless.

Now it works like this: 1) I tap on an image in the horizontal gallery on my mobile => 2) the useless “expand” icon appears (useless, because the image size does not change at all) => 3) I need to tap again in order to open it in the lightbox. I want to go from (1) to (3) directly.
Please note: it work exacytly like this on PC!

@Mike wrote that it happens on IOS only, and he was looking for a device to test it…

THX
Ciao,
A.-

• This reply was modified 2 years, 1 month ago by mistermagoo8691.