I was hoping someone could help me .... I want to change the way that wordpress nav_menus outputs the menu listing.
Currently it outputs the following for example:
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-48"><a href="#">Home</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="#">About</a></li>
</ul>
</div>
I would like it to output as follows:
<ul class="cssMenu">
<li class="lvl01"><a href="/" class="">Home</a></li>
<li class="lvl01"><a href="/about/" class="">About</a></li>
<li class="lvl01"><a href="#" class=""><span>Case Studies</span></a>
<ul class="">
<li class="lvl02"><a href="#" class="">Page Title One</a></li>
<li class="lvl02"><a href="#" class="">Page Title Two</a></li>
<li class="lvl02"><a href="#" class="">Page Title Three</a></li>
<li class="lvl02"><a href="#" class="">Page Title Four</a></li>
</ul>
</li>
<li class="lvl01"><a href="/category/news/" class="">News</a></li>
</ul>
If anyone has any clue on how to go about this, i would greatly appreciate some help
Cheers,