Блог

Мой код не работает в мобильном режиме, но работает на рабочем столе, я пытался выяснить, что пошло не так, но не нашел решения.

Это мой код:

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