Hiding Bootstrap Tooltips on Mobile using Media Queries

December 2, 2023 by Tarik

I have achieved it differently; Mobile and other devices are touch enabled, so I checked if it’s touch device or not.

function isTouchDevice(){
    return true == ("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch);
}

Now, check if it’s not a touch device to trigger the tool-tip:

if(isTouchDevice()===false) {
    $("[rel="tooltip"]").tooltip();
}