Title: Arewa Mobile Bottom Navigation Bar Author: arewadev Published: February 13, 2026 Last modified: October 4, 2026 --- Search plugins ![](https://ps.w.org/arewa-mobile-bottom-navigation-bar/assets/banner-772x250.png? rev=3460900) ![](https://ps.w.org/arewa-mobile-bottom-navigation-bar/assets/icon-256x256.png? rev=3460900) # Arewa Mobile Bottom Navigation Bar By [arewadev](https://profiles.wordpress.org/arewadev/) [Download](https://downloads.wordpress.org/plugin/arewa-mobile-bottom-navigation-bar.1.4.2.zip) * [Details](https://en-ca.wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/#description) * [Reviews](https://en-ca.wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/#reviews) * [Installation](https://en-ca.wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/#installation) * [Development](https://en-ca.wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/#developers) [Support](https://wordpress.org/support/plugin/arewa-mobile-bottom-navigation-bar/) ## Description **🚀 The Ultimate Mobile Navigation Bar Solution for WordPress** Arewa Mobile Bottom Navigation is a powerful, feature-rich WordPress plugin that adds a stunning floating bottom navigation bar to your website. Designed with mobile- first principles, this plugin transforms your site’s navigation into a modern, app- like experience that users love. **✨ Why Choose Arewa Mobile Bottom Navigation?** * **📱 Mobile-First Design** – Built specifically for mobile devices with responsive design that adapts perfectly to all screen sizes * **🎨 Fully Customizable** – Complete control over colors, sizes, animations, and styling * **⚡ Lightning Fast** – Lightweight code that won’t slow down your site * **🔧 Easy to Use** – Intuitive admin interface, no coding required * **🎯 Advanced Visibility Controls** – Show or hide navigation on specific pages, posts, categories, and more * **📱 WebView/App Detection** – NEW! Control navigation visibility within mobile apps using User-Agent detection * **🚀 Cache-Optimized** – Smart caching system prevents visibility issues and ensures consistent behavior * **💫 Smooth Animations** – Beautiful hover effects and pulse animations * **📋 Submenu Support** – Create nested menus for complex navigation structures * **🎭 Multiple Layout Styles** – Icon only, icon + text, or text on active button only **🌟 Key Features:** #### Navigation Customization * Choose between 2-6 navigation buttons * Three layout styles: Icon Only, Icon + Text, or Icon + Text on Active Button * Drag-and-drop button reordering * Custom SVG icons for each button * Individual color customization for icons, text, backgrounds, and active states #### WebView & App Detection (NEW!) * **User-Agent Detection** – Configure custom User-Agent strings to detect mobile apps and WebViews * **Flexible Visibility Modes** – Show only in apps, hide only in apps, or show everywhere * **Multiple App Support** – Support multiple apps with different User-Agent strings * **Cache-Safe Implementation** – Prevents caching issues that could cause inconsistent visibility #### Submenu System * Create unlimited submenu items for any button * Custom icons and colors for submenu items * Beautiful slide-in submenu overlay * Optional submenu header with logo and site title * Fully customizable submenu styling #### Advanced Styling Options * Custom background colors and opacity * Border radius control * Box shadow with customizable color * Button text and icon size controls * Hover effects toggle * Active button pulse animation * Submenu styling with full color control #### Smart Visibility Controls * Display on entire site or specific pages/posts * Category-based visibility * Custom post type support * Device-specific visibility (mobile, tablet, desktop) * Hide on login/register pages * Hide in admin dashboard * Combine multiple visibility rules #### Professional Design * Modern, clean interface * Smooth animations and transitions * Responsive design for all devices * WordPress admin integration * Easy-to-use settings panel **🎯 Perfect For:** * E-commerce websites * Business websites * Portfolio sites * Blog sites * News websites * Any WordPress site wanting modern mobile navigation **💡 Use Cases:** * Create an app-like navigation experience * Improve mobile user experience * Add quick access to important pages * Implement modern bottom navigation pattern * Enhance mobile site usability * Create custom mobile menu structures **🔒 Security & Performance:** * Follows WordPress coding standards * Secure data sanitization * Optimized for performance * No external dependencies (except Select2 for dropdowns) * Regular security updates **📚 Documentation:** Full documentation available at: https://arewa.dev/arewa-mobile-bottom-navigation- bar/ ### Support For support, documentation, and updates, visit: https://arewa.dev/arewa-mobile- bottom-navigation-bar/ ### Credits Developed by A-Said Website: https://arewa.dev/ ### Privacy This plugin does not collect, store, or transmit any user data. All settings are stored locally in your WordPress database. ### Development * GitHub: Coming soon * Issues: Report via plugin support page * Contributions: Welcome! ### Additional Information **Performance:** * Lightweight and fast * No external API calls * Optimized CSS and JavaScript * Minimal database queries **Compatibility:** * WordPress 5.0+ * PHP 7.2+ * All modern browsers * Mobile and desktop devices * All WordPress themes * Major page builders (Elementor, Gutenberg, etc.) **Accessibility:** * Keyboard navigation support * Screen reader friendly * ARIA labels included * Semantic HTML structure **Translation Ready:** * Text Domain: arewa-mobile-bottom-navigation-for-wordpress* POT file included * Ready for translation ### Technical Details **File Structure:** * Main plugin file: arewa-mobile-bottom-navigation-for-wordpress. php * Admin settings: includes/admin-settings.php * Frontend rendering: templates/ navigation.php * Visibility logic: includes/visibility-conditions.php **Hooks & Filters:** * `arewa_mbn_settings` – Filter settings before save * `arewa_mbn_should_display`– Filter visibility check * `arewa_mbn_button_html` – Filter button HTML output **Database:** * Options stored in: `arewa_mbn_settings`, `arewa_mbn_buttons`, ` arewa_mbn_submenus` * No custom database tables * Easy to export/import settings ### License This plugin is licensed under the GPL v2 or later. ### Author **A-Said** * Website: https://arewa.dev/ * Plugin URI: https://arewa.dev/arewa- mobile-bottom-navigation-bar/ ### Tags mobile navigation, bottom navigation, mobile menu, responsive navigation, floating navigation, bottom bar, mobile-first, navigation bar, sticky navigation, app-like navigation, mobile bottom menu, WordPress mobile, mobile UX, bottom menu bar, mobile navigation plugin, WordPress navigation, mobile site navigation, bottom navigation bar, mobile menu plugin, responsive menu ## Screenshots [⌊General Settings – Main configuration panel for enabling the mobile navigation bar and global behavior.⌉⌊General Settings – Main configuration panel for enabling the mobile navigation bar and global behavior.⌉[ **General Settings** – Main configuration panel for enabling the mobile navigation bar and global behavior. [⌊Button Configuration – Button management with drag-and-drop reordering and individual button settings.⌉⌊Button Configuration – Button management with drag-and-drop reordering and individual button settings.⌉[ **Button Configuration** – Button management with drag-and-drop reordering and individual button settings. [⌊Submenu Management – Interface for creating and managing submenu items for navigation buttons.⌉⌊Submenu Management – Interface for creating and managing submenu items for navigation buttons.⌉[ **Submenu Management** – Interface for creating and managing submenu items for navigation buttons. [⌊Advanced Styling Options – Customize layout, sizes, borders, shadows, and visual appearance.⌉⌊Advanced Styling Options – Customize layout, sizes, borders, shadows, and visual appearance.⌉[ **Advanced Styling Options** – Customize layout, sizes, borders, shadows, and visual appearance. [⌊Visibility Conditions – Control where the navigation bar appears using multi-select conditions.⌉⌊Visibility Conditions – Control where the navigation bar appears using multi-select conditions.⌉[ **Visibility Conditions** – Control where the navigation bar appears using multi- select conditions. [⌊WebView / App Conditions – User-Agent detection to enable or disable the navigation bar in mobile apps and WebView environments.⌉⌊WebView / App Conditions – User-Agent detection to enable or disable the navigation bar in mobile apps and WebView environments .⌉[ **WebView / App Conditions** – User-Agent detection to enable or disable the navigation bar in mobile apps and WebView environments. [⌊Mobile Navigation Preview – Live preview of the bottom navigation bar on mobile devices.⌉⌊Mobile Navigation Preview – Live preview of the bottom navigation bar on mobile devices.⌉[ **Mobile Navigation Preview** – Live preview of the bottom navigation bar on mobile devices. [⌊Submenu Overlay – Fullscreen submenu overlay with header and smooth interactions.⌉⌊ Submenu Overlay – Fullscreen submenu overlay with header and smooth interactions .⌉[ **Submenu Overlay** – Fullscreen submenu overlay with header and smooth interactions. ## Installation #### Automatic Installation 1. Log in to your WordPress admin panel 2. Navigate to Plugins Add New 3. Search for “Arewa Mobile Bottom Navigation” 4. Click “Install Now” and then “Activate” #### Manual Installation 1. Download the plugin zip file 2. Log in to your WordPress admin panel 3. Navigate to Plugins Add New 4. Click “Upload Plugin” 5. Choose the zip file and click “Install Now” 6. Click “Activate Plugin” #### After Installation 1. Go to “Mobile Bottom” in your WordPress admin menu 2. Configure your navigation buttons 3. Customize colors and styling 4. Set visibility rules 5. Save and enjoy your new mobile navigation! ## FAQ ### How many buttons can I add? You can add between 2 and 6 navigation buttons. ### Can I use custom icons? Yes! You can paste SVG code directly for each button icon. ### Does it work on desktop? Yes, the navigation is responsive and works on all devices. You can also configure it to show only on mobile/tablet devices. ### Can I hide the navigation on specific pages? Absolutely! The plugin includes advanced visibility controls that let you show or hide navigation on specific pages, posts, categories, or post types. ### Does it support submenus? Yes! Each button can have its own submenu with unlimited items. ### Will it slow down my site? No, the plugin is lightweight and optimized for performance. It only loads on the frontend when enabled. ### Can I customize the colors? Yes, you have full control over all colors including background, text, icons, active states, and submenu colors. ### Is it compatible with page builders? Yes, the plugin works with all WordPress themes and page builders including Elementor, Gutenberg, and others. ### Can I use it with WooCommerce? Yes, the plugin is fully compatible with WooCommerce and all other WordPress plugins. ### How do I get support? Visit our documentation at https://arewa.dev/arewa-mobile-bottom-navigation-bar/ or contact us through the plugin page. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Arewa Mobile Bottom Navigation Bar” is open source software. The following people have contributed to this plugin. Contributors * [ arewadev ](https://profiles.wordpress.org/arewadev/) [Translate “Arewa Mobile Bottom Navigation Bar” into your language.](https://translate.wordpress.org/projects/wp-plugins/arewa-mobile-bottom-navigation-bar) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/arewa-mobile-bottom-navigation-bar/), check out the [SVN repository](https://plugins.svn.wordpress.org/arewa-mobile-bottom-navigation-bar/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/arewa-mobile-bottom-navigation-bar/) by [RSS](https://plugins.trac.wordpress.org/log/arewa-mobile-bottom-navigation-bar/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.4.2 * Confirmed full compatibility with WordPress 7.1 (tested up to 7.1) * Code review: verified no duplicate constant definitions * Stability and security improvements #### 1.4.1 * Fixed Android and WebView pull-to-refresh being triggered when swiping down at the top of an open submenu. * Added scroll-boundary containment and reliable background scroll locking while submenus are open. #### 1.4.0 * FIXED: Cache-safe client visibility prevents a cached browser response from hiding the navigation in apps. * FIXED: Exact and partial User-Agent matching for identifiers such as ArewaMoviesApp/ 1.2.0. * FIXED: X-User-Agent support now uses an uncached AJAX verification. * FIXED: User-Agent textarea rules preserve one pattern per line and support optional wildcards. * FIXED: Dynamic submenu item markup, removal, and drag-and-drop ordering. * NEW: Navigation and submenu gradients, glass blur, floating offsets, borders, width, and radius controls. * NEW: Button badges and configurable active backgrounds. * NEW: Submenu descriptions and per-item text/background colors. * NEW: Live style preview and User-Agent match tester in the admin. #### 1.3.3 * FIXED: Cache conflict causing mobile bottom navigation to disappear after a few hours * IMPROVED: Vary: User-Agent header now sent when device visibility is mobile/tablet( prevents wrong cached version) * IMPROVED: Full-page cache purge on settings update (LiteSpeed, WP Rocket, W3TC, and more) * IMPROVED: Visibility cache versioning for proper invalidation when settings change * Code: Refactored third-party cache hooks to comply with WordPress.org naming conventions #### 1.3.1 * Security: Improved sanitization, validation, and escaping to fully align with WordPress.org guidelines * Security: Proper nonce verification and capability checks added to all save handlers * Security: SVG output restricted via wp_kses; all dynamic output properly escaped * Code: Removed all phpcs:ignore directives and reviewed for WordPress Coding Standards compliance * Code: Moved new-button HTML template to PHP via wp_localize_script to resolve admin.js lint issues * Code: Updated Contributors list (arewadev) and adjusted visibility validation logic #### 1.3.0 – 2026-02-09 * IMPROVED: Better color picker initialization for dynamic fields * FIXED: Color picker compatibility issues with WordPress admin * FIXED: Critical error with duplicate wp_localize_script calls * FIXED: Color values not displaying correctly in admin panel * UPDATED: All color fields now use modern Pickr color picker * UPDATED: Color values stored as RGBA for better transparency support #### 1.2.0 * **NEW: WebView/App Detection** – Control navigation visibility within mobile apps using User-Agent detection * **NEW: Advanced Cache Management** – Smart caching system prevents visibility issues and ensures consistent behavior * **NEW: User-Agent Configuration** – Define custom User-Agent strings to detect specific apps or WebViews * **NEW: Flexible Visibility Modes** – Show only in apps, hide only in apps, or show everywhere * **NEW: Cache-Busting Headers** – Adds Vary: User-Agent header to prevent caching conflicts * **IMPROVED: Performance** – Optimized visibility checks with intelligent caching * **IMPROVED: Admin Interface** – Enhanced visibility conditions section with WebView settings * **FIXED: Cache Issues** – Resolved problems where visibility conditions weren’t applied consistently * **FIXED: Settings Persistence** – Improved settings saving and validation * Security enhancements and code optimization #### 1.1.1 * Enhanced visibility controls with multi-select display modes * Improved dropdown selection interface with Select2 * Fixed settings save functionality for all select fields * Added documentation button in admin interface * Updated plugin metadata (Author, Plugin URI, Text Domain) * Improved default values (all options default to Enable) * Better error handling and validation * Performance optimizations #### 1.1.0 * Added submenu header with logo support * Enhanced visibility conditions * Improved admin interface * Better mobile responsiveness * Bug fixes and improvements #### 1.0.0 * Initial release * Basic navigation functionality * Button configuration * Styling options * Visibility controls ## Meta * Version **1.4.2** * Last updated: **2 days ago** * Active installations: **30+** * WordPress Version: ** 5.0 or higher ** * Tested up to: **7.1.3** * PHP Version: ** 7.2 or higher ** * Language * [English (US)](https://wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/) * Tag: * [mobile menu](https://en-ca.wordpress.org/plugins/tags/mobile-menu/) * [Advanced View](https://en-ca.wordpress.org/plugins/arewa-mobile-bottom-navigation-bar/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/arewa-mobile-bottom-navigation-bar/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/arewa-mobile-bottom-navigation-bar/reviews/) ## Contributors * [ arewadev ](https://profiles.wordpress.org/arewadev/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/arewa-mobile-bottom-navigation-bar/)