Is it possible to disable tooltips based on the screen size of the device?

Question

I have implemented tooltips on a website and they work great on the desktop. But they are problematic for small devices. By clicking on the link on a small screen device without the hover function, you simply pick up a hint, rather than go to the link. Is there a way to disable or disable tooltips for small devices, perhaps using some jquery code verification?

Answer 1

You can check for touch events before invoking init on bootstrap tooltip. This will allow you to disable the feature tooltipfor most touch devices, not just thinner touch screen devices such as mobile phones.

if(!('ontouchstart' in window))
{
  $('#example').tooltip(options); // <-- Example code from Bootstrap docs
}

Answer 2

Maybe something like this:

if ( $(window).width() < 780 ){
    $('#element').tooltip('destroy');
}