search

AlexWebLab / bootstrap-5-wordpress-navbar-walker

Bootstrap 5 WordPress navbar walker menu.
https://github.com/AlexWebLab/bootstrap-5-wordpress-navbar-walker
MIT License
250 stars 107 forks source link

do not work sub menu in depth 3 #16

Closed mdabagh closed 2 years ago

mdabagh commented 3 years ago

do not work sub menu in depth 3. what's the solution?

24Degrees commented 3 years ago

Bootstrap 5 does not work beyond depth 1.

Michaël Martens 24degrees

Op 5 aug. 2021 om 16:35 heeft mohammadsajad Dabbagh @.***> het volgende geschreven:

 do not work sub menu in depth 3. what's the solution?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

mdabagh commented 3 years ago

Thanks for the prompt response How do I change the nav-walker so that the output of the level 3 menu is as follows?

<ul class="navbar-nav mb-lg-0 fs-6 flex-grow-1"> <li class="nav-item ms-3"> <a class="nav-link " href="#">home</a> </li> <li class="nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">categorys</a> <ul class="dropdown-menu dropdown-menu-right menu1" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item dropdown-toggle" href="#">frontend</a> <ul class="dropdown-menu menu2 dropdown-menu-right"> <li><a class="dropdown-item ps-4" href="#">html</a></li> <li><a class="dropdown-item ps-4" href="#">css</a></li> </ul> <a class="dropdown-item dropdown-toggle" href="#">backend</a> <ul class="dropdown-menu menu2 dropdown-menu-right"> <li><a class="dropdown-item ps-4" href="#">php</a></li> <li><a class="dropdown-item ps-4" href="#">nodejs</a></li> </ul> </ul> </li> </ul>

mdabagh commented 3 years ago

Thanks for the prompt response How do I change the nav-walker so that the output of the level 3 menu is as follows?

AlexWebLab commented 3 years ago

I keep open this issue in case people want to contribute to this. In any case, it won't be merged to the main branch because I want to keep this nav walker strictly compatible with Bootstrap 5.

paulswanson commented 2 years ago

Anyone got a solution to this? Or, at least some idea where to root of the problem is?

crftwrk commented 2 years ago

Try this https://bootstrap-menu.com

AlexWebLab commented 2 years ago

Bootstrap 5 doesn't support level 3 (even if you can create infinite levels with the WordPress menu).

paulswanson commented 2 years ago

Bootstrap 5 doesn't support level 3 (even if you can create infinite levels with the WordPress menu).

OK. Others might find it helpful if this limitation is outlined in the README.md.

paulswanson commented 2 years ago

Try this https://bootstrap-menu.com

Yeah, I've also got this, it works great and has good doco. Still needs a custom Walker_Nav_Menu for WP integration.