=== Fly Nav Mobile === Contributors: wpgeared Tags: mobile menu, hamburger menu, responsive menu, mobile navigation, bottom navigation Requires at least: 5.0 Tested up to: 6.9 Requires PHP: 7.2 Stable tag: 2.4.0 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Fastest mobile menu for WordPress. Pure CSS, zero JavaScript. Bottom nav bar or hamburger menu. == Description == **Fly Nav Mobile** is the fastest, lightest mobile menu plugin for WordPress. Create beautiful hamburger menus, slide-out navigation, and responsive mobile menus without any JavaScript dependencies. Perfect for mobile-first websites that prioritize speed and performance. **Why Choose Fly Nav Mobile?** Most mobile menu plugins are bloated with JavaScript, slowing down your site. Fly Nav Mobile uses pure HTML and CSS, making it the lightest mobile menu solution available. Your mobile users get instant menu loading, smooth animations, and a professional navigation experience - all without sacrificing page speed. **Perfect for:** * Mobile-first websites and responsive designs * Sites using page builders (Elementor, Divi, Beaver Builder, etc.) * E-commerce stores needing fast mobile navigation * Blogs and content sites prioritizing performance * Any WordPress site wanting a lightweight mobile menu solution = Key Features = * **Lightest 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 or page builder) * **Hamburger Menu** - Beautiful animated hamburger icon that transforms on click * **Slide-Out Menu** - Smooth slide-out navigation panel with customizable animations * **Sticky Mobile Menu** - Optional sticky header that stays at top while scrolling * **Unlimited Customization** - Control colors, fonts, sizes, logo, and every visual element * **Search Integration** - Built-in search functionality with customizable search icon * **Submenu Support** - Unlimited nested menu levels with expandable submenus * **Mobile-Only Loading** - Code only loads on mobile devices, zero impact on desktop performance * **Page Builder Compatible** - Works seamlessly with Elementor, Divi, Gutenberg, and all themes * **Easy Setup** - Visual selector makes configuration effortless, no coding required * **Performance Optimized** - Fastest loading mobile menu, improves Core Web Vitals scores = New in Version 2.1.0 = * Added Bottom Navigation layout option for thumb-friendly mobile UX * Navigation Position setting in General tab (Top/Bottom) * Menu and search form open upward when using bottom navigation * Proper body padding adjustments for bottom positioning = Version 2.0.2 = * Added sticky header * Change sub menu fonts colors == Installation == 1. Upload the plugin files to the `/wp-content/plugins/fly-nav-mobile` directory, or install the plugin through the WordPress plugins screen 2. Activate the plugin through the 'Plugins' screen in WordPress 3. Use the Settings->Fly Menu screen to configure the plugin 4. Use the visual selector to choose your current header element to hide on mobile 5. Customize colors, fonts, and other settings as needed == Frequently Asked Questions == = What makes Fly Nav Mobile different from other mobile menu plugins? = Fly Nav Mobile is the only mobile menu plugin that uses **zero JavaScript** and **pure CSS**. This means: * Fastest loading time - no JavaScript parsing or execution * Better Core Web Vitals scores - improves your Google PageSpeed Insights * Works with any theme or page builder * Lightest code footprint - only loads on mobile devices * Smooth animations without JavaScript overhead = How do I select my current header to hide? = The visual selector tool makes this incredibly easy - no coding required: 1. Go to Settings → Fly Menu in your WordPress admin 2. Click the "Visual Select" button next to the header selector field 3. A preview of your site will open 4. Hover over elements to see them highlighted 5. Click the header element you want to hide on mobile 6. The correct CSS selector is automatically filled in This works with any theme, page builder (Elementor, Divi, etc.), or custom header design. = Does this plugin slow down my website? = Absolutely not! Fly Nav Mobile is designed for maximum performance: * **Zero JavaScript** - No JS files to load or execute * **Mobile-only loading** - Code only loads on mobile devices, zero impact on desktop * **Pure CSS animations** - Hardware-accelerated, smooth performance * **Lightweight code** - Smallest file size of any mobile menu plugin * **Optimized selectors** - Efficient CSS that doesn't impact page rendering In fact, using Fly Nav Mobile can **improve** your site speed because it replaces heavier menu solutions. = Can I customize the menu appearance? = Yes! Fly Nav Mobile offers extensive customization options: * Custom colors for menu items, submenus, icons, and backgrounds * Font family and size controls * Logo upload and sizing * Sticky menu option * Search icon toggle * Submenu styling with separate color controls * All changes are live-previewed in the settings = Does it work with page builders like Elementor or Divi? = Yes! Fly Nav Mobile works seamlessly with: * Elementor * Divi Builder * Beaver Builder * Gutenberg blocks * Any WordPress theme * Custom header designs The visual selector tool can target any header element, regardless of how it was created. = How many menu levels does it support? = Fly Nav Mobile supports unlimited nested menu levels. You can have: * Main menu items * Submenus (level 2) * Sub-submenus (level 3) * And beyond - no limits! Each level can be styled independently with different colors and fonts. = Is this plugin mobile-only? = Yes! Fly Nav Mobile is designed specifically for mobile devices: * Only loads on mobile screens (tablets and phones) * Desktop users see your regular theme menu * Zero impact on desktop performance * Perfect for mobile-first website design = Can I use my own logo? = Yes! You can upload your own logo image: * Supports any image format (PNG, JPG, SVG) * Automatic image optimization * Custom width control * Links to your homepage * Falls back to site name if no logo is uploaded == Changelog == = 2.1.0 = * Added Bottom Navigation layout option for thumb-friendly mobile UX * New Navigation Position setting in General tab (Top/Bottom) * Menu and search form open upward when using bottom navigation * Proper body padding adjustments for bottom positioning * Zero JavaScript - maintains lightweight CSS-only approach = 2.0.2 = * Added submenu font color option for separate styling of submenu items * Added sticky menu option to make mobile menu stick to top of screen * Enhanced appearance settings with more granular color controls * Improved menu font color implementation with proper UI controls * Updated CSS generation to support new styling options = 2.0.1 = * Fixed image handling in admin settings * Improved WordPress coding standards compliance * Updated file handling for better security = 2.0.0 = * Added visual header selector tool * Added mobile preview functionality * Added instant element highlighting * Added improved color picker integration * Added more customization options * Improved mobile-first design * Improved performance optimization * Updated settings interface * Fixed various UI/UX issues = 1.1.3 = * Minor bug fixes and improvements = 1.1.2 = * Compatibility updates for WordPress 6.4 == Upgrade Notice == = 2.0.0 = Major update with new visual selector tool, improved customization options, and better performance. Upgrade recommended for all users. == Screenshots == 1. Visual header selector in action 2. Mobile menu settings page 3. Color and style customization 4. Mobile preview with highlighting 5. Mobile menu example == Credits == Developed by WPGeared