Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 11, 2017 at 9:29 am #775894
    AREA10STUDIO

    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.

    April 11, 2017 at 10:46 am #775925
    John Torvik

    Hey AREA10STUDIO,

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

    Best regards,
    John Torvik

    April 11, 2017 at 11:23 am #775943
    AREA10STUDIO

    Thanks John,

    You can find an example here:

    Icon

    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

    April 13, 2017 at 1:15 pm #777240
    Victoria

    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

    April 13, 2017 at 4:45 pm #777376
    AREA10STUDIO

    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

    April 17, 2017 at 3:07 pm #778730
    Andy

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.