title: Is it possible to create custom menus in WordPress with titles without links?
body: <p>We are building a theme on WordPress 3.5.1 and we created two custom menus - one for the header and one for the footer. In the footer the titles are not linkable, therefore we created custom links with href "#" and then changed the href to "". The result are empty links with <code>&lt;a&gt;</code>. I know it's possible to change the cursor of these empty links with CSS:</p>
  
  <pre><code>.footer-content #sitemap ul.menu &gt; li.menu-item &gt; a {
      cursor: text;
  }
  </code></pre>
  
  <p>and I also found out a way to remove these empty links with JavaScript and jQuery:</p>
  
  <pre><code>$('.footer-content #sitemap ul.menu &gt; li.menu-item &gt; a').each(function() {
      // If href is empty, remove &lt;a&gt; element.
      var href = $(this).attr('href');
      var href_length = 0;
      if (!(typeof href === 'undefined')) {
          var href_length = href.length;
      }
      if (href_length === 0) {
          var contents = $(this).contents();
          $(this).replaceWith(contents);
      }
  });
  </code></pre>
  
  <p>(the footer menu is inside the <code>.footer-content #sitemap</code> elements:</p>
  
  <pre><code>&lt;div class="footer-content"&gt;
  &lt;div id="sitemap" class="not_mobile"&gt;
  </code></pre>
  
  <p>)</p>
  
  <p>but is it possible to remove the empty <code>&lt;a&gt;</code> elements from the HTML without using JavaScript? The function that creates the footer menu is:</p>
  
  <pre><code>&lt;?php wp_nav_menu( array( 'theme_location' =&gt; 'footer_menu' ) ); ?&gt;
  </code></pre>
  
  <p>Thanks,
  Uri @ Initech.</p>