Title: Foundation Top Bar Navigation Menu
Author: jethin
Published: <strong>September 23, 2015</strong>
Last modified: September 23, 2015

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/foundation-top-bar-navigation-menu.svg)

# Foundation Top Bar Navigation Menu

 By [jethin](https://profiles.wordpress.org/jethin/)

[Download](https://downloads.wordpress.org/plugin/foundation-top-bar-navigation-menu.zip)

 * [Details](https://wordpress.org/plugins/foundation-top-bar-navigation-menu/#description)
 * [Reviews](https://wordpress.org/plugins/foundation-top-bar-navigation-menu/#reviews)
 *  [Installation](https://wordpress.org/plugins/foundation-top-bar-navigation-menu/#installation)
 * [Development](https://wordpress.org/plugins/foundation-top-bar-navigation-menu/#developers)

 [Support](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/)

## Description

The Foundation Top Bar Navigation Menu plugin allows theme developers to display
a WordPress menu as a responsive Foundation top bar. The plugin includes the following
core functions:

 1. A walker that applies Foundation top bar classes to a menu or page list
 2. Registration of a default “Top Bar” menu location
 3. The ability to include a basic version of Foundation that supports the top bar

Visit [Zurb Foundation](http://foundation.zurb.com/docs/components/topbar.html) 
to learn more about the Foundation top bar and to view an example.

**Usage**

Download and include the Foundation framework in your theme (or load the basic version
included with the plugin — see Notes below.)

Assign a new or existing WordPress menu into the “Top Bar” menu location. (or use‘
wp_list_pages’ to display a list of pages as a top bar — see below.)

Edit your theme’s templates to display the top bar menu where you’d like it to appear.
Use WordPress’ ‘wp_nav_menu’ function to display the top bar menu:

    ```
    <?php
    if ( has_nav_menu('topbar') ) { 
        wp_nav_menu( array(
            'theme_location' => 'topbar',
            'container' => false,
            'walker' => new ftb_menu()
        ));
    }
    ?>
    ```

A list of pages can be displayed instead of a menu using the ‘wp_list_pages’ function:

    ```
    <?php
    wp_list_pages( array(
        'title_li' => '',
        'walker' => new ftb_pages()
    ));
    ?>
    ```

**Notes**

 * The ftb_menu() and ftb_pages() walkers both accept a single ‘no_wrap’ argument.
   Including this argument will remove the default top bar HTML wrapper and display
   just the `<ul>` unordered list.
 * ‘wp_nav_menu() -> theme_location’ argument can be set to any registered menu 
   area.
 * This plugin optionally includes a basic version of Foundation 5.5.2 that contains
   only top bar support. It is recommended that Foundation be included directly 
   in your theme instead of using this basic version. To load the plugin’s basic
   version in your theme set “Load Foundation Basic in Theme” to “true” in the “
   Settings -> General” admin screen.
 * Visit Zurb Foundation to download Foundation and to view installation and usage
   documentation.
 * Default WordPress menu classes are not included in outputted top bar HTML.

**Notes**

Top bar styling is the default included with the Foundation framework. Some customization
is possible using Foundation and/or WordPress methods, but any customizations must
be implemented by theme developers.

This plugin is developed using Zurb Foundation version 5.5.2.

## Screenshots

[⌊The “Appearance -> Menus -> Manage Locations” admin screen showing the “My Links
Nav” menu assigned to the “Top Bar” theme location.⌉⌊The “Appearance -> Menus ->
Manage Locations” admin screen showing the “My Links Nav” menu assigned to the “
Top Bar” theme location.⌉[

The “Appearance -> Menus -> Manage Locations” admin screen showing the “My Links
Nav” menu assigned to the “Top Bar” theme location.

[⌊The “Settings - > General” admin page showing the “Load Foundation Basic in Theme”
select dropdown.⌉⌊The “Settings - > General” admin page showing the “Load Foundation
Basic in Theme” select dropdown.⌉[

The “Settings – > General” admin page showing the “Load Foundation Basic in Theme”
select dropdown.

## Installation

 1. Download and unzip the plugin file.
 2. Upload the unzipped ‘foundation-top-bar-menu’ directory to your ‘/wp-content/plugins/’
    directory.
 3. Activate the plugin through the ‘Plugins’ menu in WordPress.
 4. See “Description” for usage instructions.

## Reviews

![](https://secure.gravatar.com/avatar/3a05f5fc5ce052fac37f6778fa33fe82369addfb8d6af933e413fc289cc599a5?
s=60&d=retro&r=g)

### 󠀁[it is perfect for my work](https://wordpress.org/support/topic/it-is-perfect-for-my-work/)󠁿

 [gezginbeyler](https://profiles.wordpress.org/gezginbeyler/) July 22, 2017

i needed a top bar on my web site and looked for everywhere. all sites were forwarding
me to use css but i am not good at it that much. so this plugin is perfect to put
topbar, exactly what i want. the only thing is you don’t have any options to design
it but i guess i am going to edit the codes so it is more easy!

![](https://secure.gravatar.com/avatar/9b971b646defb0d1e3ce745d672de3ad1afedc435dbda0b418e1a8e637873aec?
s=60&d=retro&r=g)

### 󠀁[Super](https://wordpress.org/support/topic/super-498/)󠁿

 [Almazka](https://profiles.wordpress.org/almazka/) September 3, 2016

Great plugin, but lacks the customization of styles. Really getting in the way CSS
styles.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/)

## Contributors & Developers

“Foundation Top Bar Navigation Menu” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ jethin ](https://profiles.wordpress.org/jethin/)

[Translate “Foundation Top Bar Navigation Menu” into your language.](https://translate.wordpress.org/projects/wp-plugins/foundation-top-bar-navigation-menu)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/foundation-top-bar-navigation-menu/),
check out the [SVN repository](https://plugins.svn.wordpress.org/foundation-top-bar-navigation-menu/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/foundation-top-bar-navigation-menu/)
by [RSS](https://plugins.trac.wordpress.org/log/foundation-top-bar-navigation-menu/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0**
 *  Last updated **11 years ago**
 *  Active installations **20+**
 *  WordPress version ** 3.0 or higher **
 *  Tested up to **4.2.39**
 * Tags
 * [foundation](https://wordpress.org/plugins/tags/foundation/)[menu](https://wordpress.org/plugins/tags/menu/)
   [mobile](https://wordpress.org/plugins/tags/mobile/)[navigation](https://wordpress.org/plugins/tags/navigation/)
   [responsive](https://wordpress.org/plugins/tags/responsive/)
 *  [Advanced View](https://wordpress.org/plugins/foundation-top-bar-navigation-menu/advanced/)

## Ratings

 4 out of 5 stars.

 *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/?filter=5)
 *  [  2 4-star reviews     ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/reviews/)

## Contributors

 *   [ jethin ](https://profiles.wordpress.org/jethin/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/foundation-top-bar-navigation-menu/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5RESZP6HB2LZ6)