Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #775894

    Hi guys,

    I’d like the ‘icon’ element’s tooltip to be shown on tablet and mobile devices in the same way that the ‘image with hotspots’ element displays tooltips. Can you please help?

    Thanks,

    Ed.

    #775925

    Hey AREA10STUDIO,

    Please, to have sure about youre saying, may you share your website link thats including these elements?

    Best regards,
    John Torvik

    #775943

    Thanks John,

    You can find an example here:

    The icon is placed at the bottom right of the grey panel. To be clear, I’d like the tooltip to be displayed on mobile and tablets.

    Many thanks,

    Ed

    #777240

    Hi Ed,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
    
    .avia-tooltip.avia-icon-tooltip.avia-tt {
      left: 25px !important;
    }
    .av-icon-char {
      animation: av_pulsate 3s linear infinite;
    }
    }
    

    Did you mean something like that?

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #777376

    Thanks for your reply Victoria but the code doesn’t show the tooltip when when the icon is tapped on a tablet or phone.

    Can this be achieved?

    Thanks again,

    Ed

    #778730

    Hi,

    use this for mobile:

    @media only screen and (max-width: 767px) {
    .avia-tooltip.avia-icon-tooltip.avia-tt {
    left: 15px !important;
    }}

    and adjust as needed.

    Best regards,
    Andy

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.