Archived topic

Hover Image Mobile Problem

5 replies · Started by Kilian on January 21, 2019

Viewing posts 1–6 of 6

January 21, 2019 at 2:37 am #787642

Good morning,
My pictures shown in the "home"page and in the "gallery"page, have a hover effect on the desktop view.
Nevertheless, on tablets and mobile devises, I cannot see the title of the pictures, since they don’t have mouse.
Is there somehow I can force tablets and mobile devises to double tap (one tap to see the title and another tap to enter the custom URL) or any other similar solution?
The gallery is made with Foogallery free version.
Thanks in advance!

January 21, 2019 at 5:27 am #787760

Hi there,

this would take some custom javascript something that is out of our scope and probably best asked of the plugin author. If not stackoverflow would be the place to ask about hover: to double tap on mobile devices.

Alternatively, it would be simple enough to use some CSS to unhide and move the caption for mobile devices. Let me know

January 21, 2019 at 7:10 am #787968

Hi David, I would appreciate if you could tell me what CSS could I use and where should I place them?

Inside Foogallery, if I go to edit the gallery, there is a Custom CSS window in the bottom part. Is that the right place to add the CSS?

Thanks in advance!

January 21, 2019 at 7:37 am #787999

Maybe something like this:

@media (max-width: 768px) {
    .foogallery .fg-caption {
        visibility: visible !important;
        opacity: 1 !important;
        height: 2.5em;
        position: absolute;
        bottom: 0;
        top: auto !important;
    }
}

January 22, 2019 at 1:47 am #788707

Hi David! It solved the problem good enough!:) Thanks a lot!

January 22, 2019 at 4:22 am #788782

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.