wp_nav_menu – ul class="sub-menu" problem

  • Hi,

    I have a little problem with the wp_nav_menu

    i have that:

    <ul id="menu-superior">
<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="https://blog.boxsite.me/nosotros/">Nosotros</a>

<ul class="sub-menu">
	<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="https://blog.boxsite.me/nosotros/vision/">Visión</a></li>
	<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://blog.boxsite.me/nosotros/mision/">Misión</a></li>
	<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="https://blog.boxsite.me/nosotros/valores/">Valores</a></li>
	<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://blog.boxsite.me/nosotros/personal/">Personal</a>
	<ul class="sub-menu">
		<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="https://blog.boxsite.me/nosotros/personal/socios/">Socios</a></li>

		<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="https://blog.boxsite.me/nosotros/personal/asociados/">Asociados</a></li>
	</ul>
</li>
</ul>
</li>
<ul>

    but i wanna that:

    <ul id="menu-superior">
<li id="menu-item-41" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-41"><a href="https://blog.boxsite.me/nosotros/">Nosotros</a>

<ul>
	<li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47"><a href="https://blog.boxsite.me/nosotros/vision/">Visión</a></li>
	<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://blog.boxsite.me/nosotros/mision/">Misión</a></li>
	<li id="menu-item-46" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46"><a href="https://blog.boxsite.me/nosotros/valores/">Valores</a></li>
	<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://blog.boxsite.me/nosotros/personal/">Personal</a>
	<ul>
		<li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-45"><a href="https://blog.boxsite.me/nosotros/personal/socios/">Socios</a></li>

		<li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44"><a href="https://blog.boxsite.me/nosotros/personal/asociados/">Asociados</a></li>
	</ul>
</li>
</ul>
</li>
</ul>

    How i cant put only the
    <ul> and not <ul class="sub-menu"> in the second and thirth sub-menu?</ul>

    I read https://codex.www.ads-software.com/Function_Reference/wp_nav_menu, but don’t work with the sub-menu’s

    Thanks and Greetings!

Viewing 1 replies (of 1 total)

  • I’m sure you have this solved by now, but for others this can easily be solved with JQuery:

    $(“#menu-superior ul.sub-menu”).each(function(){
    $(this).removeClass(‘sub-menu’);
    });

    There are other ways using the Walker class as well, but I personally feel this is easiest and my method of choice.

Viewing 1 replies (of 1 total)
  • The topic ‘wp_nav_menu – ul class="sub-menu" problem’ is closed to new replies.