Need tooltip activation for mobile

Hi @nebadita,

I believe you’ll need a third-party plugin or custom code for this.

Can you provide the link to the site in question? We’ll try to check why it’s not appearing.

Hi,
Please check the below link.

https://freaktofit.com/important-things-to-observe-in-aerobic-exercise/
Hover on the author, you will see.
It is okay for desktop but not displaying on mobile

Hi there,

your custom tooltip solution uses the following CSS:

@media (min-width: 1025px) {
    .author-popup {
        width: 410px;
        position: absolute;
        display:none
    }

    .author-link:hover ~ .author-popup {
        display:block
    }

    .author-popup:hover {
        display:block
    }
}

The hover event is inside a @media (min-width: 1025px) { so it only works on devices over 1025px. The author of that CSS probably did that, as you CANNOT hover on a touch device and if you tap the link it may open the tooltip and block the users screen …. which is terrible.

You can either move the CSS outside of @media (min-width: 1025px) {.......} so it is applied everywhere, and see how mobile handles it.

Or perhaps you want to ask the author of that code, as we are here to provide support for the GP Theme, not custom development.

Thanks @diggeddy
It worked like a charm. Thanks for your help. I just need to do little bit customization. But now its working on mobile too.

Thanks @diggeddy
It worked like a charm. Thanks for your help. I just need to do little bit customization. But now its working on mobile too.