Помогите решить проблему с якорными ссылками и скрытым выпадающим списком

[kudg0]

У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три  по-умолчанию скрытых пункта класса submenu, проблема заключается в том, что если заходить с телефона, то навестись на пункт услуги не получается, а если просто нажать на него то срабатывает переход и еще 3 пункта не успевают открыться.

<ul class="topmenu" >
    
    <li><a href="#usl">Услуги</a>
    	<ul class="submenu">
        <li><a href="us.html"  class="navi">Пакеты </a></li>
        <li><a href="raz.html" class="navi">Услуги</a></li>
        <li><a href="spec.html" class="navi">Специальные</a></li>
      </ul>
</ul>

Как можно решить эту проблему?

[Switch74]

на мобилках отключать ховеры и делать все через клики
выпадалка у вас я так понимаю через script сделана?
делайте проверку на мобилках, чтобы переход по ссылке  <a href="#usl">Услуги</a> отрабатывал только при открытом подменю