title: Custom navbar theme in Wordpress
body: <p>So I am in the process of building a custom theme in wordpress. Using trial and error I have managed to figure out most of it however I am struggling when creating a custom navbar. </p>
  
  <p>Essentially I am copying an existing website from a general PHP site to wordpress so the owner can modify it more freely and have a blog. They want it to be a carbon copy of their own site so I need to find a way to implement their navbar into wordpress so that they can also dynamically add pages to it through wordpress. I am predominantly a back end web developer so this is not my forte.</p>
  
  <pre><code>&lt;nav class="header-submenu default-container" role="navigation"&gt;
      &lt;div class="dropdown"&gt;
          &lt;a href="../contact-us"&gt;CONTACT US&lt;/a&gt;
          &lt;a href="../our-process"&gt;OUR PROCESS&lt;/a&gt;
          &lt;a href="../who-we-are"&gt;WHO WE ARE&lt;/a&gt;
          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;testpage&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
          &lt;ul class="dropdown-menu multi-column columns-3 container-fluid"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;ul class="multi-column-dropdown"&gt;
                              &lt;li&gt;&lt;h3&gt;Cat 1&lt;/h3&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/1"&gt;1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/2"&gt;2&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;ul class="multi-column-dropdown"&gt;
                              &lt;li&gt;&lt;h3&gt;Cat 2&lt;/h3&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/3"&gt;3&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/4"&gt;4&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/5"&gt;5&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/6"&gt;6&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4"&gt;
                          &lt;ul class="multi-column-dropdown"&gt;
                              &lt;li&gt;&lt;h3&gt;Cat 3&lt;/h3&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/7"&gt;7&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="http://www.testsite.co.uk/testpage/8"&gt;8&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/ul&gt;
  
          &lt;a class="signIn-button" href="http://testsite.co.uk/login.php"&gt;sign in&lt;/a&gt;
          &lt;a class="apply-btn" href="#apply-form"&gt;APPLY&lt;/a&gt;
          &lt;a class="call-btn" href="tel:00000000000"&gt;CALL US&lt;/a&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>This is my navbar in my header.php and I am seriously at a loss as to where to start to replicate this.</p>