Download bootstrap navwalker version 4

If you encounter errors with the above code use a check like this to return clean errors to help diagnose the problem. Lets take a second to look at what we have completed. First, we added the files needed to use WP Navwalker with our theme, added the code necessary to connect the new WP Navwalker file to our WordPress Theme, and for our last step we will create a Menu most likely located in the header. You menu will now implement the same drop down features found in the Bootstrap by Twitter examples!

Typically additional markup is added to these menus, here is an example of a fixed-top menu that collapse for responsive navigation at the md breakpoint. Fix non static method calls. Git stats commits.

Failed to load latest commit information. View code. WP Bootstrap Navwalker This code in the main repo branch is undergoing a big shakeup to bring it in line with recent standards and to merge and test the backlog of PRs I have left for too long. Upgrade Notes Between version 3 and version 4 of the walker there have been significant changes to the codebase. New Name: class-wp-bootstrap-navwalker.

Icon only items are possible using icon classes in combination with the sr-only classname. Installation Place class-wp-bootstrap-navwalker. Code of conduct. Releases 6 v4. Oct 2, Packages 0 No packages published. You signed in with another tab or window.

Reload to refresh your session. Typically the menu is wrapped with additional markup, here is an example of a navbar-fixed-top menu that collapse for responsive navigation. To display the menu you must associate your menu with your theme location. You can do this by selecting your theme location in the Theme Locations list wile editing a menu in the WordPress menu manager.

Since Bootstrap does not support the click open of submenus add the following CSS to your theme's stylesheet. The following jQuery will be used to add functionality to popper. Add to your theme's JS file.

Skip to content. To display the menu you must associate your menu with your theme location. You can do this by selecting your theme location in the Theme Locations list wile editing a menu in the WordPress menu manager and selecting mega-menu. To display the mega menu items add the class "mega-menu-parent" to the menu item in the WordPress menu manager. This will create a new widget in the widgets section with the same name as the nav parent. Add a Custom HTML widget and code your mega menu items using default bootstrap containers, rows and cols.

Skip to content.