Description
Fly Nav Mobile is the ultimate performance-first mobile menu and navigation plugin for WordPress. Built for speed, it uses zero JavaScript and pure CSS to deliver a premium, app-like experience without impacting your Core Web Vitals or PageSpeed scores. Whether you need a sleek slide-out hamburger menu or a modern bottom navigation bar (app-style), Fly Nav Mobile is the lightest solution on the market.
Most mobile menu plugins are bloated with heavy JavaScript libraries, slowing down your site and hurting SEO. Fly Nav Mobile replaces that bloat with optimized HTML and CSS, ensuring instant menu loading and buttery-smooth animations. It’s perfect for mobile-first designs, e-commerce stores, and blogs that prioritize user experience.
Perfect for:
* SEO-focused sites wanting to maintain a 100/100 PageSpeed score.
* Mobile-first designs and responsive WordPress themes.
* Elementor, Divi, and Beaver Builder users needing a lighter menu.
* App-style navigation with thumb-friendly bottom bars.
Boosting Your Core Web Vitals
Google’s Core Web Vitals prioritize speed and stability. Fly Nav Mobile helps you rank higher by:
* Zero JavaScript execution – No JS blocking the main thread.
* Pure CSS Animations – Hardware-accelerated for smooth 60fps transitions.
* Smallest Footprint – Only loads on mobile, keeping your desktop site clean.
* Instant Interaction – No lag when opening menus or submenus.
Key Features
- Fastest Mobile Menu – Zero JavaScript, pure CSS implementation for maximum speed.
- Visual Header Selector – Point-and-click tool to select your header element (works with any theme).
- Hamburger Menu – Beautiful animated hamburger icon that transforms into a symmetric ‘X’.
- App-Style Bottom Navigation – Modern bottom bar for a native app feel.
- Sticky Mobile Header – Optional sticky header that stays fixed at the top.
- Slide-Out Panel – Professional slide-out navigation with customizable easing.
- Unlimited Customization – Control colors, fonts, sizes, and branding.
- Search Integration – Built-in search functionality with modern, balanced layouts.
- Expandable Submenus – Submenu toggles with chevron icons for multi-level navigation.
- Page Builder Ready – Works perfectly with Elementor, Divi, Gutenberg, and all builders.
Credits
Developed by WPGeared
Screenshots
Bottom Navigation app-style layout. 
Animated hamburger icon and slide-out menu.
Installation
- Upload the plugin files to the
/wp-content/plugins/fly-nav-mobiledirectory, or install through the WordPress dashboard. - Activate the plugin through the ‘Plugins’ screen.
- Use the Settings -> Fly Menu screen to configure.
- Use the visual selector to choose your current header element to hide on mobile.
- Customize colors and fonts as needed.
FAQ
-
How does “Zero JavaScript” help my SEO?
-
JavaScript is expensive for browsers to parse and execute. By using Pure CSS, Fly Nav Mobile ensures that your navigation opens instantly, which reduces Cumulative Layout Shift (CLS) and Interaction to Next Paint (INP) issues, directly boosting your SEO rankings.
-
Yes! The built-in visual selector tool lets you simply click on your theme’s header to hide it on mobile, replacing it with Fly Nav Mobile’s optimized navigation.
-
Absolutely. You can have as many nested submenus as you need. Each level is optimized for touch and features clear toggle icons.
Reviews
Contributors & Developers
“Fly Nav Mobile” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Fly Nav Mobile” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.4.2
- Compliance: Reduced tags to 5 items to match WordPress.org repository limits.
- Version bump to 2.4.2.
2.4.1
- Optimized plugin description and tags for better WordPress repository ranking.
- Enhanced SEO keywords for performance, Core Web Vitals, and app-style navigation.
- Repository Security: Prefixed all custom hooks in the walker class.
- Repository Security: Removed redundant non-prefixed constants.
- Repository Metadata: Fixed unescaped output in public menu container.
2.4.0
- Fixed Naming Convention: Prefixed custom hooks with
fnmm_. - Removed
SHOW_ADMIN_BARconstant to comply with repo standards.
2.3.9
- Fixed unescaped output in
public/class-fly-nav-mobile-public.php. - Fixed incorrect
Stable taginreadme.txt.
2.1.0
- Added Bottom Navigation layout option for thumb-friendly mobile UX.
- New Navigation Position setting in General tab (Top/Bottom).
