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

Arewa Mobile Bottom Navigation Bar

<p><strong>🚀 The Ultimate Mobile Navigation Bar Solution for WordPress</strong></p>
<p>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&#8217;s navigation into a modern, app-like experience that users love.</p>
<p><strong>✨ Why Choose Arewa Mobile Bottom Navigation?</strong></p>
<ul>
<li><strong>📱 Mobile-First Design</strong> &#8211; Built specifically for mobile devices with responsive design that adapts perfectly to all screen sizes</li>
<li><strong>🎨 Fully Customizable</strong> &#8211; Complete control over colors, sizes, animations, and styling</li>
<li><strong>⚡ Lightning Fast</strong> &#8211; Lightweight code that won&#8217;t slow down your site</li>
<li><strong>🔧 Easy to Use</strong> &#8211; Intuitive admin interface, no coding required</li>
<li><strong>🎯 Advanced Visibility Controls</strong> &#8211; Show or hide navigation on specific pages, posts, categories, and more</li>
<li><strong>📱 WebView/App Detection</strong> &#8211; NEW! Control navigation visibility within mobile apps using User-Agent detection</li>
<li><strong>🚀 Cache-Optimized</strong> &#8211; Smart caching system prevents visibility issues and ensures consistent behavior</li>
<li><strong>💫 Smooth Animations</strong> &#8211; Beautiful hover effects and pulse animations</li>
<li><strong>📋 Submenu Support</strong> &#8211; Create nested menus for complex navigation structures</li>
<li><strong>🎭 Multiple Layout Styles</strong> &#8211; Icon only, icon + text, or text on active button only</li>
</ul>
<p><strong>🌟 Key Features:</strong></p>
<h4>Navigation Customization</h4>
<ul>
<li>Choose between 2-6 navigation buttons</li>
<li>Three layout styles: Icon Only, Icon + Text, or Icon + Text on Active Button</li>
<li>Drag-and-drop button reordering</li>
<li>Custom SVG icons for each button</li>
<li>Individual color customization for icons, text, backgrounds, and active states</li>
</ul>
<h4>WebView &amp; App Detection (NEW!)</h4>
<ul>
<li><strong>User-Agent Detection</strong> &#8211; Configure custom User-Agent strings to detect mobile apps and WebViews</li>
<li><strong>Flexible Visibility Modes</strong> &#8211; Show only in apps, hide only in apps, or show everywhere</li>
<li><strong>Multiple App Support</strong> &#8211; Support multiple apps with different User-Agent strings</li>
<li><strong>Cache-Safe Implementation</strong> &#8211; Prevents caching issues that could cause inconsistent visibility</li>
</ul>
<h4>Submenu System</h4>
<ul>
<li>Create unlimited submenu items for any button</li>
<li>Custom icons and colors for submenu items</li>
<li>Beautiful slide-in submenu overlay</li>
<li>Optional submenu header with logo and site title</li>
<li>Fully customizable submenu styling</li>
</ul>
<h4>Advanced Styling Options</h4>
<ul>
<li>Custom background colors and opacity</li>
<li>Border radius control</li>
<li>Box shadow with customizable color</li>
<li>Button text and icon size controls</li>
<li>Hover effects toggle</li>
<li>Active button pulse animation</li>
<li>Submenu styling with full color control</li>
</ul>
<h4>Smart Visibility Controls</h4>
<ul>
<li>Display on entire site or specific pages/posts</li>
<li>Category-based visibility</li>
<li>Custom post type support</li>
<li>Device-specific visibility (mobile, tablet, desktop)</li>
<li>Hide on login/register pages</li>
<li>Hide in admin dashboard</li>
<li>Combine multiple visibility rules</li>
</ul>
<h4>Professional Design</h4>
<ul>
<li>Modern, clean interface</li>
<li>Smooth animations and transitions</li>
<li>Responsive design for all devices</li>
<li>WordPress admin integration</li>
<li>Easy-to-use settings panel</li>
</ul>
<p><strong>🎯 Perfect For:</strong></p>
<ul>
<li>E-commerce websites</li>
<li>Business websites</li>
<li>Portfolio sites</li>
<li>Blog sites</li>
<li>News websites</li>
<li>Any WordPress site wanting modern mobile navigation</li>
</ul>
<p><strong>💡 Use Cases:</strong></p>
<ul>
<li>Create an app-like navigation experience</li>
<li>Improve mobile user experience</li>
<li>Add quick access to important pages</li>
<li>Implement modern bottom navigation pattern</li>
<li>Enhance mobile site usability</li>
<li>Create custom mobile menu structures</li>
</ul>
<p><strong>🔒 Security &amp; Performance:</strong></p>
<ul>
<li>Follows WordPress coding standards</li>
<li>Secure data sanitization</li>
<li>Optimized for performance</li>
<li>No external dependencies (except Select2 for dropdowns)</li>
<li>Regular security updates</li>
</ul>
<p><strong>📚 Documentation:</strong></p>
<p>Full documentation available at: https://arewa.dev/arewa-mobile-bottom-navigation-bar/</p>
<h3>Support</h3>
<p>For support, documentation, and updates, visit:<br />
https://arewa.dev/arewa-mobile-bottom-navigation-bar/</p>
<h3>Credits</h3>
<p>Developed by A-Said<br />
Website: https://arewa.dev/</p>
<h3>Privacy</h3>
<p>This plugin does not collect, store, or transmit any user data. All settings are stored locally in your WordPress database.</p>
<h3>Development</h3>
<ul>
<li>GitHub: Coming soon</li>
<li>Issues: Report via plugin support page</li>
<li>Contributions: Welcome!</li>
</ul>
<h3>Additional Information</h3>
<p><strong>Performance:</strong><br />
* Lightweight and fast<br />
* No external API calls<br />
* Optimized CSS and JavaScript<br />
* Minimal database queries</p>
<p><strong>Compatibility:</strong><br />
* WordPress 5.0+<br />
* PHP 7.2+<br />
* All modern browsers<br />
* Mobile and desktop devices<br />
* All WordPress themes<br />
* Major page builders (Elementor, Gutenberg, etc.)</p>
<p><strong>Accessibility:</strong><br />
* Keyboard navigation support<br />
* Screen reader friendly<br />
* ARIA labels included<br />
* Semantic HTML structure</p>
<p><strong>Translation Ready:</strong><br />
* Text Domain: arewa-mobile-bottom-navigation-for-wordpress<br />
* POT file included<br />
* Ready for translation</p>
<h3>Technical Details</h3>
<p><strong>File Structure:</strong><br />
* Main plugin file: arewa-mobile-bottom-navigation-for-wordpress.php<br />
* Admin settings: includes/admin-settings.php<br />
* Frontend rendering: templates/navigation.php<br />
* Visibility logic: includes/visibility-conditions.php</p>
<p><strong>Hooks &amp; Filters:</strong><br />
* <code>arewa_mbn_settings</code> &#8211; Filter settings before save<br />
* <code>arewa_mbn_should_display</code> &#8211; Filter visibility check<br />
* <code>arewa_mbn_button_html</code> &#8211; Filter button HTML output</p>
<p><strong>Database:</strong><br />
* Options stored in: <code>arewa_mbn_settings</code>, <code>arewa_mbn_buttons</code>, <code>arewa_mbn_submenus</code><br />
* No custom database tables<br />
* Easy to export/import settings</p>
<h3>License</h3>
<p>This plugin is licensed under the GPL v2 or later.</p>
<h3>Author</h3>
<p><strong>A-Said</strong><br />
* Website: https://arewa.dev/<br />
* Plugin URI: https://arewa.dev/arewa-mobile-bottom-navigation-bar/</p>
<h3>Tags</h3>
<p>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</p>


Alternative Plugins for

Discover the Lists with Arewa Mobile Bottom Navigation Bar