ferdousoly

A simple and lightweight plugin based on the 3D Bold Navigation article by <a href="https://codyhouse.co/demo/3d-bold-navigation/index.html" rel="nofollow ugc">Codyhouse</a>. I used Font-Awesome for the Icons.
Setting Up the Menu
<ul>
<li>Activate the plugin</li>
<li>Go to WordPress Dashboard >> Apperence >> Menus</li>
<li>Create a new menu or change the existing menu location to “RB Menu”</li>
<li>Check the video below for adding icon to your Menu</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="560" height="315" src="https://www.youtube.com/embed/NeKL_PyuwyQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Responsive Bold Navigation

Add a cool and bold Responsive Menu in your WordPress site using Responsive Bold Navigation. It also supports Font Awesome Icons.

WPGeared

Fly Nav Mobile is the ultimate performance-first mobile menu and navigation plugin for WordPress. Built for speed, it uses zero JavaScript and pure CSS to deliver a premium, app-like experience without impacting your Core Web Vitals or PageSpeed scores. Whether you need a sleek slide-out hamburger menu or a modern bottom navigation bar (app-style), Fly Nav Mobile is the lightest solution on the market.
Most mobile menu plugins are bloated with heavy JavaScript libraries, slowing down your site and hurting SEO. Fly Nav Mobile replaces that bloat with optimized HTML and CSS, ensuring instant menu loading and buttery-smooth animations. It’s perfect for mobile-first designs, e-commerce stores, and blogs that prioritize user experience.
Perfect for: 
* SEO-focused sites wanting to maintain a 100/100 PageSpeed score. 
* Mobile-first designs and responsive WordPress themes. 
* Elementor, Divi, and Beaver Builder users needing a lighter menu. 
* App-style navigation with thumb-friendly bottom bars.
<h3>Boosting Your Core Web Vitals</h3>
Google’s Core Web Vitals prioritize speed and stability. Fly Nav Mobile helps you rank higher by: 
* Zero JavaScript execution – No JS blocking the main thread. 
* Pure CSS Animations – Hardware-accelerated for smooth 60fps transitions. 
* Smallest Footprint – Only loads on mobile, keeping your desktop site clean. 
* Instant Interaction – No lag when opening menus or submenus.
<h4>Key Features</h4>
<ul>
<li>Fastest Mobile Menu – Zero JavaScript, pure CSS implementation for maximum speed.</li>
<li>Visual Header Selector – Point-and-click tool to select your header element (works with any theme).</li>
<li>Hamburger Menu – Beautiful animated hamburger icon that transforms into a symmetric ‘X’.</li>
<li>App-Style Bottom Navigation – Modern bottom bar for a native app feel.</li>
<li>Sticky Mobile Header – Optional sticky header that stays fixed at the top.</li>
<li>Slide-Out Panel – Professional slide-out navigation with customizable easing.</li>
<li>Unlimited Customization – Control colors, fonts, sizes, and branding.</li>
<li>Search Integration – Built-in search functionality with modern, balanced layouts.</li>
<li>Expandable Submenus – Submenu toggles with chevron icons for multi-level navigation.</li>
<li>Page Builder Ready – Works perfectly with Elementor, Divi, Gutenberg, and all builders.</li>
</ul>
<h3>Credits</h3>
Developed by WPGeared

Fly Nav Mobile

Fastest WordPress Mobile Menu. Pure CSS, zero JS. Slide-out hamburger menu or app-style bottom navigation. Sticky header & visual selector.

Responsive Bold Navigation vs Fly Nav Mobile