在引导模板中切换到移动视图时，导航链接不可单击

Question

我正在为我的网站使用引导程序模板。导航链接在计算机上工作正常，但在移动设备上不可单击。 请参考下面的代码：

<div class="mr-auto">
            <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="active">
                  <a href="index.php" class="nav-link text-left">Home</a>
                </li>
                <li>
                  <a href="about.php" class="nav-link text-left">About Us</a>
                </li>
                <!--<li>
                  <a href="admissions.php" class="nav-link text-left">Admissions</a>
                </li>-->
                <li>
                  <a href="services.php" class="nav-link text-left">Services</a>
                </li>
                <li>
                    <a href="contact.php" class="nav-link text-left">Contact Us</a>
                  </li>
              </ul>                                                                                                                                                                                                                                                                                          </ul>
            </nav>

          </div>
          <div class="ml-auto">
            <div class="social-wrap">
              <!--<a href="#"><span class="icon-facebook"></span></a>
              <a href="#"><span class="icon-twitter"></span></a>
              <a href="#"><span class="icon-linkedin"></span></a>-->

              <a href="#" class="d-inline-block d-lg-none site-menu-toggle js-menu-toggle text-black"><span
                class="icon-menu h3"></span></a>
            </div>
          </div>

请提出一个答案。