How can i sticky side bar widget when i scroll down.

First thing you need to do is to install and activate this plugin. After activating, go to appearance —> widgets and click on the widget that you want to make sticky.

The aforementioned plugin adds a ‘Fixed Widget’ option in all of your widgets. Check the ‘Fixed widget’ box and save changes.

This should help.

Dear Kuldeep,

Thank You so much for update but i have another question if i install the plugin it will be effect in my website loading speed? can i also done this job via css/code?

Thanks & Regards.

It shouldn’t cause much of a difference in your website load speed. However, if you would like to have less plugins installed, you can try the following CSS code. You can go to Appearance —-> Edit CSS Module and add this code:

/*The following code has made sidebar sticky and floating*/
@media only screen and (min-width: 1024px) {
.widget-area {
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 10px;
}
}

You might also need to modify the CSS classes with your theme’s sidebar class.

ok i will try with plugin