BeamMP-Website/views/includes/nav.ejs

<div class="container">
  <div class="row center-xs">
    <div class="col-md-4 col-sm-4">

      <!--                    <a href class="logo-link">-->
      <!--                        <span class="logo-text">BeamMP</span>-->
      <!--                        <a href="../img/Logo_Black_4K"></a>-->
      <!--                    </a>-->
      <a class="logo-img" href="/">
        <div class="logo-image">
          <!--                            <img src="../static/img/Logo_Black_4K.png" alt="BeamMP" class="img-fluid">-->
          <img src="../img/mainlogo.png" alt="BeamMP" class="img-fluid"/>
        </div>
      </a>
      <!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
      <!--                            <img class="navbutton" src="../static/img/nav-button.svg" alt="">-->

    </div>
    <div class="col-md-8 col-sm-8">
      <div class="burger-menu">
        <button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"><span class="dark-blue-text"><i class="fas fa-bars fa-1x"></i></span></button>
      </div>
      <!-- Collapsible content -->
      <div class="collapse navbar-collapse" id="navbarSupportedContent1">

        <!-- Links -->
        <div class="mobile-container">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="/forum">Forum <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://wiki.beammp.com">Wiki</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/servers">Servers</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/stats">Statistics</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://github.com/Starystars67/BeamMP">GitHub</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="https://www.patreon.com/BeamMP">Patreon</a>
            </li>
          </ul>
        </div>

      </div>
      <div class="mobile-container">
        <div class="topnav mobile-links">

          <div id="burger-links">
            <a href="/forum">Forum</a>
            <a href="https://wiki.beammp.com">Docs</a>
            <a href="/servers">Servers</a>
            <a href="/stats">Statistics</a>
            <a href="https://github.com/Starystars67/BeamMP">GitHub</a>
            <a href="https://www.patreon.com/BeamMP">Patreon</a>
          </div>

          <a href="javascript:void(0);" class="icon" onclick="myFunction()">
            <i class="fa fa-bars"></i>
          </a>
        </div>
      </div>
      <div class="navbar-links">
        <ul class="links">
          <li>
            <a href="/forum">
              <span class="text">Forum</span>
            </a>
          </li>
          <li>
            <a href="https://wiki.beamng-mp.com">
              <span class="text">Docs</span>
            </a>
          </li>
          <li>
            <a href="/servers">
              <span class="text">Servers</span>
            </a>
          </li>
          <li>
            <a href="/stats">
              <span class="text">Statistics</span>
            </a>
          </li>
          <li>
            <a href="https://github.com/Starystars67/BeamNG-MP">
              <span class="text">Github</span>
            </a>
          </li>
          <li>
            <a href="https://www.patreon.com/BeamMP">
              <span class="text">Patreon</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>