如何在触摸屏设备上禁用悬停并单击启用？

Question

我正在为我的WordPress网站使用Bootstrap 3。我通过使用Navbar walker类来制作Navbar。

在桌面屏幕上运行良好（我想将鼠标悬停在桌面上）。但是对于移动/触摸屏，我希望禁用悬停功能，并为span <span class="caret"></span>元素单击启用的功能。

我尝试了很多事情，例如使用JQuery添加和删除类，仅在大屏幕上添加悬停等等。但是似乎没有什么合法的。请在这里帮助我。

我的网站是https://rafiki.ca。