Html 下拉菜单href链接不在移动视图上工作，但在桌面上工作

我的代码在移动视图上不起作用，但在桌面上起作用。我一直在试图找出哪里出了问题，但没有找到解决方案

这是我的代码：

  <div class="container">
    <div class="row align-items-center">
      
      <div class="col-6 col-xl-2">
        <h1 class="mb-0 site-logo"><a href="index.php" class="h2 mb-0"><img src="images/logo2small.png" alt="logo"><span class="text-primary">.</span> </a></h1>
      </div>

      <div class="col-12 col-md-10 d-none d-xl-block">
        <nav class="site-navigation position-relative text-right" role="navigation">

          <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
            <li class="has-children">
              <a href="about.html" class="nav-link">About</a>
              <ul class="dropdown">
                <li><a  href="./about.html" class="nav-link">About Us</a></li>
                <li><a href="about.html" class="nav-link">Leadership</a></li>
                <li><a  href="about.html" class="nav-link">Careers</a></li>
               
              </ul>
            </li>     
                             
              <li><a href="contact.php" class="nav-link">Contact</a></li>
            <li><a href="login.php" class="btn btn-secondary">Log in</a></li>
            
          </ul>

        </nav>

      </div>


      <div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle float-right"><span class="icon-menu h3"></span></a></div>

    </div>
  </div>
  
</header>

请您解释一下它以什么方式不起作用？如果您有任何错误消息，将它们作为问题的一部分作为文本（而不是屏幕截图）将非常有用。单击href下拉链接时，不会打开页面，没有错误，它只是保持在没有发生任何事情的位置。它可能被什么东西覆盖了吗？也许是一个透明的div？正如@RichardHunter所说，它可能就是这么简单。我注意到您只包含了部分代码，但该部分代码缺少开头标记。