Disabling custom hover effects in mobile view

Hey everyone.

I managed to create a dynamic hover effect function on my site using some of the advice here for mouse in and out. However, it does not work well at all in the mobile version. Could anyone tell me how to turn the functions off on the mobile view. The main issue I have is that the elements that are hidden on load is the information I need to show on mobile (the actual info). However I can’t use the hover function and click won’t work either as the layout is so different it looks a mess / the order make it confusing to use.

Any help greatly appreciated.

Hi,
There is an API for that gets what kind of device is being used to view the page.
Check it out:

Good luck!
Roi.