WordPress Basic Navigation Code

nav

<header id="masthead" class="site-header header-*">
  <div class="container">
    <div class="row">

      <div id="site-logo" class="col-4">
        <h1><a href="#" rel="home"><img src="logo.png" srcset="logo1x.png 1x, logo2x.png 2x, logo3x.png 3x, logo4x.png 4x" alt="Logo"></a></h1>
      </div>
      <!-- #site-logo -->

      <nav id="site-navigation" class="main-navigation col-8" itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
        <a class="menu-toggle">X</a>
        <div class="menu-main-menu-container container">
          <ul id="primary-menu" class="row">
            <li id="menu-item-*" class="menu-item menu-item-has-children menu-item-*"><a href="#">Menu Item 1</a>
              <ul class="sub-menu">
                <li id="menu-item-*" class="menu-item sub-menu-item menu-item-*"><a href="#">Sub-menu Item 1</a></li>
                <li id="menu-item-*" class="menu-item sub-menu-item menu-item-*"><a href="#">Sub-menu Item 2</a></li>
              </ul>
            </li>
            <li id="menu-item-*" class="menu-item menu-item-has-children menu-item-*"><a href="#">Menu Item 2</a>
              <ul class="sub-menu">
                <li id="menu-item-*" class="menu-item sub-menu-item menu-item-*"><a href="#">Sub-menu Item 1</a></li>
                <li id="menu-item-*" class="menu-item sub-menu-item menu-item-*"><a href="#">Sub-menu Item 2</a></li>
              </ul>
            </li>
            <li id="menu-item-*" class="menu-item menu-item-*"><a href="#">Menu Item 3</a>
            </li>
          </ul>
        </div>
      </nav>
      <!-- #site-navigation -->

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