How to Make Sticky Sidebar in WordPress

In WordPress, the sidebar is not sticky by default. It’s tough to use the full power of the sidebar when it’s not sticky. To utilize it, you’ll need to make it sticky. The process of doing it is pretty simple. It takes a few steps to do that.

Adding a sticky sidebar in WordPress depends on the theme you’re using. If you’re using a theme in which the sticky sidebar feature is present by default, it’ll be easier to make it sticky. You need to follow the first method to do that. Don’t worry just try, if you don’t like it you can easily remove the sidebar from WordPress by following some steps.

You’ll need a different approach if your theme doesn’t have any default sticky sidebar section. Don’t worry, we’ve got your back. We’ve created another method of setting a sticky sidebar for this type of theme.

Benefits of Having A Sticky Sidebar

  • User can go to any category no matter where he is on the website
  • It can help visitors quickly access the relevant sections
  • A sticky Sidebar can be a potential place for promoting products
  • It’s a sweet spot for Google Ads
  • Although there is many lead generation plugin for WordPress available, sticky sidebars bring leads to life by visual promotion.

Method 1

How to Set Sticky Sidebar in WordPress(Built-in Option)

Step 1: Go to the page where you want to set a sticky sidebar, hover the cursor on Customize, and click on Product Catalog.

customize product catalog

Step 2: You’ll find a new section on the left side. Scroll down, and you’ll see a section named Sticky Sidebar, tick that, then click the Publish button on the top to make the sidebar sticky.

product catalog editing

sticky sidebar activated

Method 2

How to Set Sticky Sidebar in WordPress (With Plugin)

If your theme doesn’t have a prebuilt sticky sidebar in WordPress, you can easily create one. You’ll need only a plugin to do that.

sticky sidebar in WordPress website

In our case, we’ll make this sidebar sticky for WooCommerce color swatches. This means it’ll stick to the screen no matter how many times visitors scroll.

Step 1: Go to the page you want to apply the sticky sidebar. Press command + option + C if you’re using macOS and press ctrl + shift + C if you’re using Windows. If you’re having an issue with this, click the right button on the mouse, then click Inspect.

After that, a developer’s tool will come up with the section. It can be on your web page’s right/ left/ top/ bottom. Click on the Element section, then click on the element selector. After that, click on the sidebar menu section of your website.

inspect a webpage

Step 2: Codes for that section will appear. You’ll find a wrapper in the sidebar. Copy the class/ id of that wrapper element.

inspect webpage to find a class or id

Step 3: After copying that, go to the Dashboard, hover the cursor on the Plugins, then click on Add New to add a new plugin.

install new plugin

Step 4: A new page for adding a new plugin will appear. On the top right, you’ll find a search box. Type Sticky Menu, then Install and Activate it.

install sticky menu

Step 5: After activation, the plugin page, find the plugin, and click on Settings.

plugin list

Step 6: Now, you’ll find a new page where you can find all the settings of the Sticky Menu. On the Basic settings, you need to fill the Sticky Element section. Paste the class/id that we copied earlier. (Add a ‘.’ before the name for the class, add ‘#’ before the name for id)

On that page, you can customize the sticky sidebar in WordPress site. For the sake of simplicity, we’re skipping any customization.

sticky menu settings

Step 7: After setting all these up, scroll down and click on Save Settings to save the settings.

saving sticky menu settings
After saving that, your sticky sidebar will be created and will be displayed like that.

after adding sticky menu in WordPress site


Setting the sidebar as sticky is a straightforward process that anyone can follow. Using the full power of the sticky sidebar requires more technical expertise. If you’re a non-technical person, you may consider a pro version for the extensive use of the sticky sidebar on the WordPress website. You can also choose plugins from our WooCommerce WordPress plugin list suggestions. If you’re facing any issues while setting this up, feel free to drop a comment, and we’ll try our best to help you.

Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

12 Best User Management Plugin in WordPress 2023

The user management plugin in WordPress makes it easier for site owners to control everyone who interacts with their blog or website. With an effective user management…

16+ Best Google Adsense-Optimized WordPress Themes

An AdSense-optimized WordPress theme is a theme made to run advertisements straightforwardly. A simple listing can contain pre-defined ad places. The clean design can also help improve…

How to Add Call to Action- CTA Button WordPress

Call to Action or CTA Button WordPress is one of the oldest marketing strategies for selling any product. You can use this method to provoke your customers…

Best 10 WordPress Translation Plugin 2023

WordPress comes in multiple languages at its core but doesn’t provide a translation process or multilingual options to run a website in multiple languages at once. That…

11+ Best Car Rental WordPress Themes 2023

A website adds many positive effects to the business, especially if you have a car rental or related business. Choosing a car rental WordPress theme to make…

How To Make Money From Google AdSense for WordPress

Do you have a WordPress-powered website and looking for an opportunity to earn money using it? If yes, you’ve come to the right place. In this article,…