How to Create a Sticky Menu Bar in WordPress

Making your site’s menu bar “sticky”—so it always stays visible at the top of the screen even when users scroll—is a popular design request. While some WordPress themes offer a built-in option for this, others may require a simple workaround. This guide explains how you can quickly add a sticky menu bar to your WordPress site.

What is a Sticky Menu Bar?

A sticky (or fixed) menu bar is a navigation menu that remains “stuck” to the top of your webpage while visitors scroll. This ensures easy access to your site’s navigation at all times, improving usability and user experience.

Is There a Built-in Option?

Depending on your theme, you may or may not have a built-in setting to enable a sticky menu. If you can’t find this in your WordPress Customizer or theme settings, don’t worry—you can still achieve this effect with a small snippet of CSS.

How to Make Your Menu Bar Sticky with Custom CSS

• Go to Theme Settings → Custom Code or Appearance → Customize → Additional CSS.
• Paste the following CSS code:
  

.navbar {
    position: sticky;
    top: 0 !important;
    z-index: 1000;
}

Note: Replace .navbar with the appropriate class or ID for your menu bar if your theme uses a different selector (for example, #main-menu or .site-header). You can inspect your navigation bar using your browser’s developer tools to find the exact selector.

If you’d like a visual reference, here’s an example screenshot: View Screenshot

Additional Tips

• Test Responsiveness: After adding the code, check your site on different devices to ensure the menu bar behaves as expected.
• Theme Updates: Since this is custom code, it should persist through theme updates, but always double-check after updating your theme.

Conclusion

Making your WordPress site’s menu sticky is straightforward with just a few lines of CSS. Whether your theme supports this natively or not, you can enhance your site’s navigation and improve the user experience with this simple tweak. If you run into any issues or have further questions, consider reaching out in your theme’s support forum for personalized assistance.