How to Make Sidebar Sticky in Kadence Theme? [2024]

In this blog, we will talk about how to make the sidebar sticky in the Kadence theme. A sidebar is a widget on a website that allows you to place content there. This can also be seen as a “sidebar”.

I assume you already have these widgets set up on your website. So, do you want to promote any banners, affiliate products, etc. with the help of a sidebar?

So, I am here with a step-by-step demo on how to make a sidebar sticky in the Kadence WordPress theme.

Steps to make sidebar (last widget) sticky in Kadence theme without plugin

Here are two ways to make the sidebar sticky in the Kadence theme without any plugins. One is by using the CSS method, the other is by using the inbuilt sidebar option which is available within the customizer of the theme.

1. Make the Sidebar Sticky with Kadence Customize

Here you can make the entire sidebar sticky or make only the last widget sticky. There are both options and here is the process to enable it.

• Go to Appearance > Customize.
• Go to General > Sidebar Options.
• Now turn on the Enable Sticky Sidebar option.
• If you want to make only the last widget sticky, then you can enable the Only Stick Last Widget option.

2. Using CSS Method

In this method, you can make only the last widget sticky with the help of CSS code.

• Go to Dashboard > Appearance > Customize.
• Now, go to additional CSS.
• Copy and paste the CSS code below.
• Finally, press the Publish button.
• Now, you will be able to see the last widget sticky in the Kadence theme.

@media (min-width: 769px) {
    aside {
        display: flex;
    }
	
    .sidebar-inner-wrap {
        height: 100%;
    }
	
    .sidebar-inner-wrap section:last-child {
        position: -webkit-sticky;
        position: sticky;
        top: 30px;
    }
}

Make sidebar sticky in Cadence theme using plugin

Use the latest version of the Fixed Widgets and Sticky Elements for WordPress version of the plugin that is compatible with the block editor. This is a plugin formerly known as Q2W3 Fixed Widgets.

Let’s do this in the Cadence theme, you can use this method with any other theme.

This plugin uses jQuery, so you can use CSS or the inbuilt solution if you don’t want to add extra requests to your site.

• First, go to Dashboard > Plugins > Add New
• Find Fixed Widgets and Sticky Elements for WordPress plugins.
• Please install and activate it.
• Now go to the front end, inspect the last widget from the sidebar, and copy the widget ID> (follow the screenshot below).
• Go to Appearance > Fixed Widgets option
• Paste the sidebar ID or class name into the Custom fixed Elements box.
• Press Save Changes.

Why create a sticky sidebar?

• When the sidebar remains visible while scrolling down a page, the user can easily access the sidebar content.
• Sticky sidebars allow users to easily return to sidebar content when viewing a long page. So that you can promote the tools you use, as I recommend them to my visitors.
• Using a sticky sidebar makes it easier for users to access the sidebar content, if you are promoting your affiliate then it is best to make it sticky.

Wrapping up

Which method are you going to try?

I think using the inbuilt enable sticky sidebar feature is a good option. Also, if you want to make the final widget sticky, you can use the CSS method.

If you are using Astra or GeneratePress themes, you can try a similar method. Here is the link.

If you have any questions regarding the above tutorial, then you can comment below.