Remove ul and li Elements From Navigation Menus

[Brad West]

I'd like to remove the ul and li elements WordPress adds to menus. I'm using my personal site to test this, but having trouble. As it is now, the area around the menu elements turns blue when you hover, but you can only click on the text.

After reading an article on CSS-Tricks I was able to get this to work for a client site. You'll notice that you can click anywhere in the blue box, not only the text. The HTML for that nav menu looks like this:

<nav class="nav-primary genesis-nav-menu responsive-menu" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"><a class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139" href="http://flagtheory.com/about/">About Flag Theory</a>
  <a class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2137" href="http://flagtheory.com/offshore-company/">Offshore Company</a>
  <a class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2138" href="http://flagtheory.com/offshore-banks/">Offshore Banking</a>
  <a class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2400" href="http://flagtheory.com/society/">PT Society</a>
</nav>

Below is the code I used. And since that site only has one menu it worked fine.

add_filter( 'genesis_do_nav', 'bw_sidebar_strip_li' );
function bw_sidebar_strip_li() {
  $cleanermenu = wp_nav_menu( array(
    'container' => false,
    'items_wrap' => '<nav class="nav-primary genesis-nav-menu" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">%3$s</nav>',
    'echo' => false,
  ) );

  $find = array('><a','<li');
  $replace = array('','<a');

  echo str_replace( $find, $replace, $cleanermenu );

}

On a site that's using a primary and a secondary menu, this function breaks. It only produces one menu, yet outputs it in two places even when I create two filters to target both genesis_do_nav and genesis_do_subnav.

Any ideas?

I think the genesis_pre_nav filter might be useful for this, but can't get it working. I've also tried a walker but haven't had success with that either.

http://bradonomics.com/

[Susan]

As you posted this a while ago, I'm hoping that you were able to get your issue resolved 🙂 - if not, report back here, so it can be escalated.

[Author]

Posts