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

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

Don't use if you are on hueman theme

NUCUTA September 3, 2016

This broke my whole site on mobile mode.

great

createscape 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;}

The best menu plugin

Matías 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.

Contributors & Developers

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 www.ads-software.com

1.1

• Many bugs fixed.

1.0

• A not so public release.