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.

Mobile Navigation

Description

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 after the beginning of your body-tag: <?php do_action('mn_nav'); ?>. It might be better for readability and perhaps SEO.

Screenshots

  • Closed mobile navigation
  • Open fullscreen mobile navigation
  • General settings
  • Logo settings
  • Advanced settings

Installation

  1. Upload mobile-navigation folder to the /wp-content/plugins/ directory, or use the plugin installer in wp-admin.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to Options > Mobile Navigation and set your settings. Be sure to choose a menu that is not empty.

FAQ

Does Mobile Navigation work with every theme?

No. Some themes has some strange CSS and javascript. If another mobile menu tries to be on top there might be a conflict.

Why not put more settings?

I try to keep the settings down. It should just be enough to adapt it to your site in terms of colors and fonts.

Why doesn’t it work?

Make sure you have the actions wp_head() and wp_footer() in your theme. If you have too large screen compared to the breakpoint in your settings the menu is not shown.

Why is the CSS generated as file?

It’s not a good practice to have CSS generated inline. You can disable the CSS if you prefer adding your own.

Reviews

September 3, 2016
I love the simplicity of this plugin. I don’t like the off-canvas style of navigation – it’s too weird for some of my clients. Like the options to change the font and add a logo. Suggestion: add some css to make the menu visible while logged in such as .logged-in .mn-navigation-wrap {margin: 46px 0 0 0;}
September 3, 2016
The best plugin i’ve found but in a new update you could put a search box at right, left or at the top of menu, thank you.
Read all 6 reviews

Contributors & Developers

“Mobile Navigation” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Mobile Navigation” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5

  • CSS inline option – Use only if file and folders are not writable
  • If no breakpoint set, it will be set to 600px

1.4

  • Added warning when file not writable
  • Setting to set text dark or bright
  • Optional. Put directly after in your theme. Then the mobile menu HTML will be put there instead of the footer. Might be good for readability and perhaps SEO.

1.3

  • Bug fixes.

1.2

  • Initial release on wordpress.org

1.1

  • Many bugs fixed.

1.0

  • A not so public release.