How to remove\cancel :hover on mobile?

There is a problem. There is a desktop version of the site, there is a menu and when you hover over the menu items works normal css :hover which displays sublists. For the desktop, everything is normal. But the smaller the screen the worse instead of the menu made a accordion but the previous :hover effects break it (don't need the appearance of elements when the mouse or touch). It is possible to turn off the :hover effect for small permits to work purely with js+classes?