Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #901494

    Hi all, I have an image with hotspots. It works nicely on wide screens and on mobile is fine. However I’d like, when seen on a mobile device, that the tooltip adjust itself large as the device screen, in order to show very well the text inside. I don’t mind about the triangle below the tooltip area being over the hotspot circle. The tolltip can open above it.

    I need it as a way to pop-up some text specifically for a certain area of the image, but the text must be very well visible (it would be used on mobiles also under the sun and if the font is too small, it would be difficult to read)

    thanks

    #901534

    Hey Elena,

    Can you post a link to your site? so we can take a closer look.

    Best regards,
    Nikko

    #901747

    Hi I copy in the private content an example page I would like to create. There is an drawing (image) with some hotspots in which an explanation is visible. My goal is to make the explanation well readable on a mobile device (iphone 6 for example), even in daylight (sun light). Do not consider the colours I used now as it is only an example. My idea is to have the tooltip that has a certain heght (let’s say fixed height) and a 100% width in relation to the mobile device screen width.

    #902303

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .avia-tooltip.avia-tt.av-tt-xlarge-width {
        left: 0 !important;
        width: 100% !important;
        font-size: 20px;
    }

    Hope this would help.

    Best regards,
    Nikko

    #902698

    Thanks Nikko, but nothing happens. The tooltips are still visible in the same way.

    #902724

    Hi,

    Do you have a caching plugin? or minification plugin? try flushing out cache or disable minification, that might prevent the changes from showing.

    Best regards,
    Nikko

    #902736

    You are right!! I had the minify plugin activated that prevented the use of newly added css rules. Now it works like a charm!
    Thank you very much: always a great support!!

    • This reply was modified 6 years, 4 months ago by elenapoliti.
    #902741

    Hi,

    You’re always welcome! Just glad we could help :) Thanks for using Enfold and for your kind words, we really appreciate it :)

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Setting tooltip size on mobile devices for hotspot images’ is closed to new replies.