Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2018 at 3:47 pm #901494
    elenapoliti

    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

    January 23, 2018 at 4:25 pm #901534
    Nikko

    Hey Elena,

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

    Best regards,
    Nikko

    January 23, 2018 at 11:09 pm #901747
    elenapoliti

    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.

    January 24, 2018 at 8:43 pm #902303
    Nikko

    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

    January 25, 2018 at 9:51 am #902698
    elenapoliti

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

    January 25, 2018 at 10:31 am #902724
    Nikko

    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

    January 25, 2018 at 10:37 am #902736
    elenapoliti

    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, 6 months ago by elenapoliti.
    January 25, 2018 at 10:46 am #902741
    Nikko

    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

  • Author
    Posts
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.