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:
- A walker that applies Foundation top bar classes to a menu or page list
- Registration of a default “Top Bar” menu location
- The ability to include a basic version of Foundation that supports the top bar
Visit Zurb Foundation 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.
Bitkatapult Mobile-friendly Responsive Navigation Menu
The Bitkatapult Mobile-friendly Responsive Navigation Menu changes your standard list-style navigation to a mobile-friendly one.
You can set many things to make the navigation fitting your site-design and to modify the function of this plugin. If you wish, set it to position the menu fixed at the to.........
Mobile Navigation
Settings:
Mobile location
Mobile breakpoint
Background color
Text brightness
Logo as text or image
Logo and menu font family
Disable navigation, menu location, CSS, javascript
Hide on scroll, on or off
Custom CSS
If you don't want the HTML to go through the action wp_footer, place this somewhere.........
ShiftNav - Responsive Mobile Menu
ShiftNav is an awesome mobile menu for WordPress. It looks and acts like native app off-canvas slide-out menus for popular apps like Facebook, Gmail, etc.
ShiftNav Demo...
Responsive Navigation
Worpdress Responsive Navigation Plugin will help You to convert WordPress menu to responsive menu and It's easily customizable form wordpress admin .
Multi-level menu support
Flexible, simple markup
Cross-browser compatibility and works on all type of mobile devices
Easy to use admin interface
Ful.........
fullscreen Menu
Fullscreen Menu is a free plugin to create custom fullscreen menu quickly in your wordpress website (user-friendly, highly customizable, responsive)
Documentation & Demo : http://najih.net/fullscreen-menu-wordpress-plugin/...
Awesome Responsive Menu
Worpdress Awesome Responsive Menu Plugin will help You to convert WordPress menu to responsive menu and It's easily customizable form wordpress admin .
Multi-level menu support
Flexible, simple markup
Cross-browser compatibility and works on all type of mobile devices
Easy to use admin interface
F.........
jQuery Responsive Select Menu
Do you find this plugin helpful? Please consider leaving a 5-star review.
The perfect solution to make your site responsive for mobile devices like phones and tablets. jQuery Responsive Select Menu lets you make your WordPress menus responsive by turning them into drop-down <select> elements .........
Max Mega Menu
WordPress Mega Menu Plugin. Create widgetized mega menus using the built in visual mega menu builder.
Documentation & Demo: http://www.maxmegamenu.com...
Suppamenu ( Lite ) - WordPress Mega Menu
Pro Version
An excellent responsive, Customizable, Powerfull and User-Friendly WordPress Mega Menus plugin, That Allows you to create unlimited mega menus with different sub-menus types :
Recent Posts
Dropdowns ( 3 Levels )
Social Media
Search Box
Layout & Logo
Customization
Suppa comes .........
Responsive menu & Navigation
Description:
Responsive header top menu & navigation sidebar plugin for WordPress. It is a perfect website header menu. More than 50 Customizeable settings. Flawless design. It is beautiful and works everywhere.You can choose every single color, so you can build your own custom design. You can .........