How To Create A Sticky Navbar On WordPress? [in 2023]

Written by: Mark Coleman
Published on:

Are you looking for a way to improve your website’s navigation and user experience? A sticky navbar on WordPress might be the solution you need.

In this blog post, we will guide you through the process of creating a sticky navbar on WordPress step by step.

But what if you encounter issues and can’t create a sticky navbar? Don’t worry, we’ve got you covered with some troubleshooting tips.

Finally, we’ll explain why and when you should create a sticky navbar on WordPress, and how it can benefit your website.

As experts in WordPress development, we’ve got the knowledge and experience to help you create a better website.

If you prefer to watch a video tutorial on how to Create A Sticky Navbar On WordPress, check out this video tutorial:

How To Create A Sticky Navbar On WordPress?

Here is how to create a sticky navbar on WordPress:

  1. Go to your WordPress dashboard and click on “Plugins”.
  2. Click on “Add New” and search for “Sticky Menu”.
  3. Install and activate the plugin.
  4. Click on “Sticky Menu” option.
  5. Click on the drop-down menu and select your main menu.
  6. Click on “Save”.
  7. If your menu is still not sticky, click on “Other Class or ID”.
  8. Go to your website and right-click above the menu.
  9. Click on “Inspect”.
  10. Find your main menu ID and copy the ID or class name.
  11. If you copied the class name, add a dot before pasting it here. If you copied the ID, add a hash before pasting it here.
  12. Click on “Save”.
  13. Refresh your website.
  14. Scroll down and you should see your navigation bar is now sticky.

That’s it! Follow these steps and you will have a sticky navbar on your WordPress website in no time.

Can’t Create A Sticky Navbar On WordPress – How to fix it?

If you’re having trouble creating a sticky navigation bar on WordPress, don’t worry, there are several possible solutions to this problem.

First of all, make sure you have the right plugin installed. There are many plugins available that can help you create a sticky navigation bar, but not all of them are created equal. Look for a plugin that has good reviews and is regularly updated.

Once you have the plugin installed, make sure you have selected the right menu for your navigation bar. If you’re not sure which menu to select, try selecting the menu that is currently being used on your website.

If your menu is still not sticky, you may need to add a class or ID to your menu. To do this, right-click above your menu and select “Inspect”. This will bring up the developer tools in your browser. Look for the ID or class name of your main menu and copy it.

Then, go back to your WordPress dashboard and paste the ID or class name into the appropriate field in your plugin settings. Make sure to include a hash (#) before the ID name or a dot (.) before the class name.

Finally, save your settings and refresh your website. Your navigation bar should now be sticky and stay in place as you scroll down the page.

If none of these solutions work, you may need to consult with a web developer or WordPress expert to help you troubleshoot the issue.

Why and When Should You Create A Sticky Navbar On WordPress?

Adding a sticky navigation bar to your WordPress website can provide a better user experience and make it easier for visitors to navigate your site. Here are some reasons why and when you should create a sticky navbar on WordPress:

  • Improved Navigation: A sticky navbar allows visitors to easily access the main navigation menu, no matter where they are on the page. This can improve the overall user experience and make it easier for visitors to find what they are looking for.
  • Better Engagement: By making it easier for visitors to navigate your site, you can increase engagement and encourage visitors to spend more time on your site.
  • Increased Conversions: A sticky navbar can help visitors easily find and access important pages on your site, such as your contact page or product pages. This can lead to increased conversions and sales.
  • Mobile Optimization: With more and more people accessing websites on their mobile devices, a sticky navbar can be especially useful for mobile users who may have limited screen space.

Overall, creating a sticky navbar on WordPress can provide a better user experience, increase engagement and conversions, and help optimize your site for mobile users.

Conclusion – Create A Sticky Navbar On WordPress

In conclusion, creating a sticky navbar on WordPress can greatly improve the navigation and user experience of your website.

By following the step-by-step guide we provided, you can easily create a sticky navbar on your WordPress site.

If you encounter any issues, our troubleshooting tips can help you resolve the problem.

Adding a sticky navbar can provide numerous benefits, including improved navigation, increased engagement and conversions, and mobile optimization.

As experts in WordPress development, we highly recommend creating a sticky navbar on your website to enhance the overall user experience and improve your website’s performance.

Mark Coleman - HowTOBuildWebsites
Written by Mark Coleman


Mark Coleman is the founder of HowToBuildWebsites.org, which provides comprehensive tutorials on website builders like WordPress, Wix, Squarespace, Webflow, and Shopify. He graduated from the University of North Texas with a business degree, developing an interest in web design's changing landscape and website builders' potential.

Mark enjoys experimenting with new web technologies, refining his web development skills, and actively participating in web design and development communities.

Learn more about him and read his articles here on HowToBuildWebsites.org.

Leave a Comment