I have a WP nav menu, and I need to add a class to any top-level <li>
if that item has more than one level of child items (meaning, its child submenu has a submenu too). Like this:
<ul>
<li>Parent
<ul class="sub-menu">
<li>Sublink1</li>
<li>Sublink2</li>
</ul>
</li>
<li>Parent</li>
<li class="ADD-CLASS-HERE">Parent <!-- add class to this item -->
<ul class="sub-menu">
<li>Sublink1</li>
<li>Sublink2</li>
<li>Sublink3
<ul class="sub-menu">
<li>Sublink1</li>
<li>Sublink2</li>
</ul>
</li>
</ul>
</li>
<li>Parent</li>
<li>Parent</li>
<li>Parent
<ul class="sub-menu">
<li>Sublink1</li>
<li>Sublink2</li>
</ul>
</li>
</ul>
I’m assuming I need to use a Walker to achieve this. (I don’t want to manually add the class in the WP Menu settings.) I’ve tried working with some example walkers I found, but I haven’t been able to get the class added to the level 0 ancestor item. Thank you for any help!