Fly Nav Mobile

Description

Fly Nav Mobile is a lightweight and efficient mobile navigation solution that works without any JavaScript on the frontend. It provides a clean, modern mobile menu that’s easy to customize and maintain.

Key Features

• Pure CSS mobile menu – no JavaScript required on frontend
• Customizable logo with homepage link
• Search functionality with show/hide option
• Customizable colors and fonts
• Submenu support
• Performance optimized with preloaded logo
• Responsive design
• Easy to customize
• Clean, modern interface

Performance Features

• No frontend JavaScript dependencies
• Optimized logo loading with preload
• Async image decoding
• High-priority image fetching
• Mobile-only loading

Credits

Developed by WPGeared

Screenshots

Installation

1. Upload the plugin files to the /wp-content/plugins/fly-nav-mobile directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Use the Fly Menu screen to configure the plugin

FAQ

Does this plugin require jQuery or any JavaScript framework?

No, the frontend menu operates completely without JavaScript, using only HTML and CSS. This makes it extremely lightweight and fast.

Can I customize the colors and appearance?

Yes, you can customize:
* Header background color
* Menu background color
* Font family and size
* Icon colors
* Logo size
* And more through custom CSS

Is it mobile-only?

Yes, the menu only loads and appears on mobile devices, keeping your desktop navigation clean and unaffected.

Reviews

Simple and nice

Enhance November 16, 2024

It seems to me to be a good plugin at the initial stage. The absence of JavaScript is great and it worked for me on the fly the first time. A few options are missing in my opinion for example I would like the logo to be linked to the homepage and the ability to remove the magnifying glass (or have it link to something else).

Contributors & Developers

Changelog

1.1.3

• Added: Settings page link
• Added: Linked Video Tutorial “To show how to find the css to hide the current menu”

1.1.2

• Added: Logo now links to homepage
• Added: Option to show/hide search icon
• Added: Performance optimization with preloaded logo
• Added: Improved image loading attributes (fetchpriority, async decoding)
• Fixed: Various minor improvements

1.1.1

• Added: Custom CSS support
• Added: Color picker for icons
• Fixed: Menu toggle improvements
• Fixed: CSS optimizations

1.1.0

• Added: Submenu support
• Added: Custom font options
• Added: Color customization options
• Fixed: Various CSS improvements

1.0.0

• Initial release