Separate third level navigation into new section

Question

I have 3 level navigation as such (third level is hidden by default) :

Top menu
    -- Second level menu A
    -- Second level menu B

Is possible to separate second level and third level navigation into their own <li>? So that second level reside in Left Panel and third level in Right Panel as shown below :

<!-- riot_starter -->
<ul>
    <li>
        <a href="/">Top menu</a>
        <ul class="dropdown">
            <!-- Left Panel -->
            <li class="col-md-5">
                <ul>
                    <li>
                        <a href="/">Second level menu A</a>
                    </li>
                    <li>
                        <a href="/" data-target="menu1">Second level menu B</a>
                    </li>
                </ul>
            </li>
            <!-- Splendid Digital Solutions Left Panel -->

            <!-- Right Panel -->
            <li class="col-md-7">
                <ul id="menu1">
                    <li>
                        <a href="/">Third level menu A</a>
                    </li>
                    <li><a href="/">Third level menu B</a></li>
                </ul>
            </li>
            <!-- Splendid Digital Solutions Right Panel -->
        </ul>
    </li>
</ul>
<!-- Splendid Digital Solutions -->
0
baker 2 months 0 Answers 7 views 0

Leave an answer