WP Super Large Menu Problem

Question

Hey Folks!

I am looking for the best WP practises to handle mega large menu. My navigation menu has about 400 links, so if I create just a single menu, then it looks so ugly... I could divide it into many sub menus but don't know how to do it in right way.

Thinking of creating the main menus and say 10 sub menus. That will look much better, but then how my php script should look like? Now I have this script :

<div class="col-md-12">
<?php
    wp_nav_menu( array(
    'theme_location'    => 'primary',
    'container'         => 'div',
    'container_class'   => 'navbar-collapse navbar-main-collapse',
    'menu_class'        => 'nav navbar-nav',
    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
    'walker'            => new wp_bootstrap_navwalker())
    );
?>
</div>

Thanks in advance.

---

PS. My menu sort of this:

main menu -

 1. item-1
         - sub-1
            - subsub-1
                * subsubsub-1....10
            - subsub-2 ....
                * subsubsub-1....10
            - subsub-20
                * subsubsub-1....10
         - sub-2 ....
            - subsub-1
                * subsubsub-1....10
            - subsub-2 ....
                * subsubsub-1....10
            - subsub-20 .....
                * subsubsub-1....10
         - sub-10
            - subsub-1
                * subsubsub-1....10
            - subsub-2 ....
                * subsubsub-1....10
            - subsub-20
                * subsubsub-1....10
 2. item-2
         - sub-1
            - subsub-1
                * subsubsub-1....10
            - subsub-2 ....
                * subsubsub-1....10
            - subsub-20
                * subsubsub-1....10
         - sub-2 ....
 3. item-3
         - sub-1
            - subsub-1
                * subsubsub-1....10
            - subsub-2 ....
                * subsubsub-1....10
            - subsub-20
                * subsubsub-1....10
         - sub-2 ....

Answer 1

From first view this seems to be tough job, but actually even I having small skills of php could solve this problem just adding following code to my custom walker class:

if ( $depth == 1 ) { // remove this statement if depth check is not required
  if (wp_get_nav_menu_object($item->title)) {// checking if item name matches to menu name
     $item_output .= wp_nav_menu( array('menu' => $item->title, 'container_class' => 'mgmenu_tabs_panels', 'menu_class' => '', 'menu_id' => 'section'. $item->ID, 'echo' => 0 ));
   }
 }

as simple as that. This script will check if any created menu name matches sub menu item name, and when they match script will add all items from that matching menu.

Basically this script allow you divide any large menu into many smaller ones.