title: Writing a custom nav walker for wordpress
body: <p>I am trying to write a custom navigation menu for my custom wordpress theme.</p>
  
  <pre><code>&lt;ul class="MainMenu nav navbar-nav "&gt;
  &lt;li class="has-megamenu"&gt;
      &lt;a href="#"&gt;MENU&lt;/a&gt;
      &lt;div class="megamenu"&gt;
          &lt;ul class="container megamenu-background"&gt;
              &lt;li class="col-md-3 megamenu-column"&gt;
                  &lt;h4&gt;Column 1&lt;/h4&gt;
                  &lt;ul class="main-menu-ul"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="col-md-3 megamenu-column"&gt;
                  &lt;h4&gt;Column 2&lt;/h4&gt;
                  &lt;ul class="main-menu-ul"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="col-md-3 megamenu-column"&gt;
                  &lt;h4&gt;Column 3&lt;/h4&gt;
                  &lt;ul class="main-menu-ul"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="col-md-3 megamenu-column"&gt;
                  &lt;h4&gt;Column 4&lt;/h4&gt;
                  &lt;ul class="main-menu-ul"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
         &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  &lt;li class="dropdown"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;li class="dropdown"&gt;&lt;a href="#"&gt;Our Story&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>Problem is How Can I write this structure walker</p>