Nav Bar Pro – The ultimate solution for a modern, fast, and fully responsive mobile menu for WordPress sites.

Why Nav Bar Pro is Your Best Choice?

Full control over colors, sizes, and positions to design a navigation bar that perfectly matches your brand identity.

Place the bar at the bottom, right, or left. Choose the most suitable location for your site’s design and user experience.

Choose from hundreds of built-in Bootstrap Icons, or easily upload your own custom SVG/PNG icons.

Use your pre-existing WordPress menus, or create a new custom menu right from the plugin’s settings.

Clean, optimized code with conditional asset loading ensures your website remains fast and lightweight.

Precisely control where the bar appears. Show or hide it on specific pages or posts as needed.

This section gives you granular control over every visual aspect of the navigation bar.

Bar Position: Choose between Bottom, Left, or Right to create the best experience for your users.
Background Style: Select a clean Solid Color or a modern Transparent Glass Effect.
Full Color Palette: Use color pickers to set the Background, Icon, Active Item, and Inactive Text colors.
Bar Style: Choose between a classic Full-Width bar or a modern Floating style with rounded corners.
Typography & Sizing: Use intuitive range sliders to control Icon Size, Label Font Size, and the spacing between menu items for a pixel-perfect design.

Control exactly where and when your navigation bar appears with simple but powerful rules.

Display Mode: The core of the system. Choose to Show Everywhere, Show Only On, or Hide On specific pages.
Target by ID: Enter a comma-separated list of Post or Page IDs to include or exclude them from the rules.
Mobile-Only Display: A simple checkbox to show the navigation bar only on mobile devices.

Nav Bar Pro provides two powerful ways to manage your menu content.

Use WordPress Menu: The quickest way to get started. Simply select one of your existing menus from Appearance > Menus.
Create Custom Items: For maximum control, use the built-in repeater to create menu items from scratch, defining the label, URL, and icon for each.

Understand how your users interact with your navigation by integrating with Google Analytics.

GA4 Integration: Simply enable the feature and paste your Google Analytics 4 Measurement ID to start tracking.
Automatic Event Tracking: Every click on a menu item is automatically sent to Google Analytics as a custom event.

Mobile user experience is key to success. Nav Bar Pro gives your visitors the feeling of browsing a professional app, not just a website.

Use the Live Customizer panel on the left to change the bar’s position, style, colors, and more. Try changing the settings!