Arewa Mobile Bottom Navigation Bar

A fully customizable floating bottom navigation bar for mobile-first WordPress sites with advanced visibility controls and WebView detection.

Author:	arewadev (profile at wordpress.org)
WordPress version required:	5.0
WordPress version tested:	6.9.1
Plugin version:	1.3.3
Added to WordPress repository:	13-02-2026
Last updated:	13-02-2026
Rating, %:	0
Rated by:	0
Plugin URI:	https://arewa.dev/arewa-mobile-bottom-navigat...
Total downloads:	306
Active installs:	10+
Click to start download

???? 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