html - Turn off target when using submenu on mobile devices -

i have navbar 4 links take location on page , submenu hidden in desktop view. can turn 'target #' off when in mobile view clicking on nav links open submenu instead of jumping location on page?

example of 1 of nav link submenu:

<li>    <a class="page-scroll" href="#page-top">home</a> </li>  <li class="page-scroll dropdown">    <a href="#about" class="page-scroll dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">who <span class="caret"></span></a>    <ul class="dropdown-menu">      <li><a href="#">history</a></li>      <li><a href="#">case studies</a></li>      <li><a href="#">the company</a></li>      <li><a href="#">location</a></li>    </ul>  </li> 

use below css property disable link in our media query

.dropdown-menu a{  pointer-events: none; }