Custom Nav Walker: change construct of ul li

  • Hello every body.
    I have problem with menu.
    Construct of menu :

    <ul>
    <li>
        <a href="#">Title</a>
        <ul class="sub-menu">
            <li><a href="#">Title</a></li>
            <li><a href="#">Title</a></li>
            <li><a href="#">Title</a></li>
        </ul>
    </li>
    <li><a href="#">Title</a></li>
    <li><a href="#">Title</a></li>
</ul>

    Now, I want:

    <ul>
    <li><a href="#">Title</a></li>
    <li><a href="#">Title</a></li>
    <li><a href="#">Title</a></li>
</ul>
<ul class="sub-menu">
   <li><a href="#">Title</a></li>
   <li><a href="#">Title</a></li>
   <li><a href="#">Title</a></li>
</ul>

    Can you help me ? How can do it ?
    Thanks All.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Did you create your menu by going to Appearance → Menus? If so, you can easily rearrange your menu structure by just clicking and dragging the menu items to different places. If you want your sub-menu to be a top level menu, just drag it over to the left so it is no longer indented.

    Thread Starter sondt

    (@sondt)

    Thank for your solution, CrouchingBruin. But it dont’t solve my problem. If I do that,then tag ul is not sub-menu of top level menu. I want level of all ul equal but ul is sub-menu of top level menu.

    I want to do menu like the example below:
    https://tympanus.net/codrops/2015/11/17/multi-level-menu/

    I need change construct ul li. Can you help me ? or Have you idea ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Nav Walker: change construct of ul li’ is closed to new replies.