Ссылки навигации не активируются при переключении на мобильный вид в шаблоне bootstrap

Question

Я использую шаблон bootstrap для своего сайта. Навигационные ссылки на компьютере работают нормально, но ссылки на мобильном устройстве не активируются. Пожалуйста, используйте код ниже:

<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>

Пожалуйста, предложите ответ.