Makes the default WordPress menu system compatible with Foundation's Top Bar and Off-Canvas Menus.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

WP Foundation Walker

A set of custom menu walkers to make the standard WordPress Menu system compatible with the Foundation 5 Top Bar and Off-Canvas Menus.


You can drop the files into the /mu-plugins/ folder or add them to your theme files and include it manually (or just copy the code).

Foundation Top Bar Menu

Example Usage

Then you can add the Top Bar Menu to your theme using code similar to this:

<nav class="top-bar" data-topbar data-options="mobile_show_parent_link: true" role="navigation">

    <ul class="title-area">
        <li class="name">
                <a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
                    <?php echo esc_html( bloginfo( 'name' ) ); ?>
        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>

    <section class="top-bar-section">
        <!-- Right Nav Section -->
        wp_nav_menu( array(
            'menu_class' => 'right',
            'theme_location' => 'topbar-right',
            'walker' => new WP_Foundation_TopBar(),
        ) );

        <!-- Left Nav Section -->
        wp_nav_menu( array(
            'menu_class' => 'left',
            'theme_location' => 'topbar-left',
            'walker' => new WP_Foundation_TopBar(),
        ) );



  • Remember to edit the 'theme_location' value with menu areas relevant to your theme.
  • The 'container' value must be false or a container element is added around the menu.

Foundation Off-Canvas Menu


This requires that the Foundation Framework Javascript and CSS (at least that required by the Top Bar menu) have been included on the page and that the Foundation Javascript has been initialized for all features (or at least for the Top Bar menu).

You can find out more about this here: