Sticky Mobile Bar Plugin for WordPress (Free Plugin)

Let’s be blunt: the hamburger menu is a “UX dead end.” It’s where navigation goes to die.

You’ve spent thousands building a fast, beautiful website, and then you hide your most important links “Shop,” “Cart,” “My Account,” “Contact” behind three little lines. You’re forcing your mobile users (who are probably 70% of your traffic) to hunt for the one thing that makes you money.

It’s an extra tap. It’s slow. It’s frustrating.

On the mobile web, “out of sight” is “out of mind.” If a user can’t see the “Cart” icon, they’re 50% more likely to abandon it.

I got tired of this “amateur” approach. So, I built the professional solution: the PSB Sticky Mobile Bar plugin.

It brings the fast, intuitive, “thumb-friendly” navigation of a native mobile app directly to your WordPress site. It’s always visible, always accessible.

And here’s the best part: it’s 100% free and the entire plugin is just 9KB.

This is a “2-in-1” Plugin: It Fixes UX & Boosts Conversions

This isn’t just a “pretty” feature. This is a “Tech Architect” solution that’s engineered to solve two core business problems.

1. It Fixes Your Broken Mobile UX:Think about how you use apps like Instagram or Twitter. The main controls are always at the bottom, right under your thumb. This plugin does the same for your website. It slashes the number of taps it takes for a user to get from a blog post back to your “Shop” or “Homepage.”
2. It Directly Boosts Your Conversions:This is where the real money is. By keeping your primary “money links” (like Shop and Cart) constantly visible, you are removing friction from the buying process. A visible “Cart” icon with a notification (which you can add) is the single best way to reduce cart abandonment. This plugin isn’t just a menu; it’s a conversion funnel.

Full Architectural Control (Not a “Cookie-Cutter” Plugin)

I built this for pros. This isn’t a “one-size-fits-all” plugin with a design you can’t change. I’m giving you full, granular control over the entire design, all from a clean, lightweight settings panel.

You Control the Foundation

You get to set the core structure of the bar:

• Bar Height: Make it a slim 50px or a chunky 70px.
• Background Color: Match your brand’s hex code perfectly.
• Top Shadow: Add a subtle shadow to make the bar “pop” off the page.
• Borders: Add a 1px border above the bar or between buttons for a clean, separated look.

You Control the Buttons (Your 4-Slot Conversion Funnel)

I give you four fully customizable slots. You can build your perfect mobile funnel.

• Button Text: Add labels like “Home,” “Shop,” etc.
• Link URL: Link to any page on your site or an external site.
• SVG Icon Code: This is the most important pro feature. I’m not forcing you to load a bloated icon library like Font Awesome (which can be 500KB+!). You paste in your own optimized <svg>...</svg> code. This is the true lightweight philosophy. Total control, zero bloat.

You Control the Styling

You get full control over the icon and text colors, including their hover/tap states. This means you can design a bar that perfectly matches your theme’s branding.

The “Pro” Feature Amateurs Forget: The Footer Overlap Fix

I’ve seen it a dozen times: you install a “sticky” plugin, and it permanently covers your footer, hiding your copyright or “Terms of Service” links. That’s a sloppy, amateur mistake.

I built the solution right in.

In the settings, there’s a “Footer Overlap Fix” field. You just enter the height of your bar (e.g., 60px), and my plugin intelligently adds that exact amount of padding to the very bottom of your page, only on mobile.

Your footer is never covered. Your sticky bar is never in the way. It’s a small detail that proves this was built by a professional who thinks about edge cases.

The ProSeoBlogger Guarantee: 9KB & Conflict-Proof

Why is this free 9KB plugin better than a $50 “premium” one?

1. It’s 9KB. Period.This isn’t a “suite” or a “platform.” It’s a single, hyper-optimized tool. It loads one tiny CSS file and one tiny JavaScript file. It adds zero database tables. It has no impact on your site’s speed.
2. It’s 100% Conflict-Proof (Professionally Coded).This is the “hackproof” part of my philosophy. All my code is “namespaced” (using psb-mb- prefixes). It’s built to be isolated and secure. It will not conflict with your theme, your page builder, or your other plugins.
3. It’s Smart (Mobile-Only).This plugin loads nothing on desktop. It intelligently detects the screen size (768px or less) and only then does it load its 9KB of assets. It’s smart enough to stay out of the way on a desktop, where it’s not needed.

How to Install & Configure (The 60-Second Setup)

This is a custom-coded plugin, so you won’t find it in the public repository (that’s how I keep it free of repository-required bloat).

1. Download the psb-sticky-mobile-bar.zip file from the download box below.
2. In your WordPress dashboard, go to Plugins > Add New.
3. At the top of the page, click the “Upload Plugin” button.
4. Choose the .zip file you just downloaded and click “Install Now.”
5. Activate Plugin.
6. Navigate to Settings > PSB Mobile Bar to start customizing.
7. Go through the tabs (“General,” “Styling,” “Button 1,” etc.) to set up your links, icons, and colors.
8. Save your settings.

Pro Tip: After you save, if you check your mobile site and don’t see the bar, clear your website’s cache once. Your caching plugin (like WP Rocket, Litespeed, etc.) is just serving the old, un-styled version of your site.

Stop Hiding Your Most Important Links

Stop forcing your mobile users to hunt for your menu. Stop letting that clunky hamburger icon kill your engagement and cost you sales.

Give your users the clean, fast, app-like experience they deserve.