How to Make Any Sidebar Widget Sticky in WordPress

Make a WordPress sidebar widget sticky

Readers scroll past your sidebar within seconds. By the time they reach the middle of a post, your email signup form or best offer is far off screen. A sticky widget fixes that: it stays visible and floats beside the content as the reader scrolls.

Make only your most important widget sticky, such as an email signup form, a key affiliate offer, a table of contents, or a list of popular posts. More than one sticky item quickly becomes annoying.

Method 1: Block Themes (No Plugin)

If you use a block theme such as Twenty Twenty-Five, Ollie, or another Full Site Editing theme, you can make a section sticky without a plugin:

  1. Go to Appearance > Editor and open the template that contains your sidebar (for example, Single Posts).
  2. Wrap the content you want to stick (such as your signup form) in a Group block.
  3. With the Group selected, open the block settings, find Position, and choose Sticky.
  4. Save, then test on a post.

Note: WordPress’s sticky position currently works best for blocks at the top level of a template, such as headers. If it does not behave as expected in your sidebar column, use a plugin instead.

Method 2: Classic Themes With a Plugin

Fixed Widget and Sticky Elements (Q2W3)

The long-standing Fixed Widget and Sticky Elements plugin (about 70,000 active installs) adds a Fixed widget checkbox to every widget:

  1. Install and activate the plugin. (How to install a plugin.)
  2. Go to Appearance > Widgets, open the widget you want to stick, tick Fixed widget, and save.
  3. Under the plugin’s settings, adjust Margin Top (space from the top of the screen, useful if you have a sticky header) and Margin Bottom (so the widget stops before your footer).
Fixed widget option in WordPress widgets

It was last updated in 2023, so test it with your theme.

WP Sticky Sidebar

If the plugin above does not work with your theme, try WP Sticky Sidebar, which is actively maintained and makes your entire sidebar float as visitors scroll. You enter your sidebar’s CSS ID in the settings, and it handles the rest.

Tips for Sticky Widgets

  • Make only one widget sticky, usually the last one in your sidebar.
  • Keep it short so it fits on smaller laptop screens.
  • Disable it on mobile if your sidebar moves below the content.
  • Do not make ads sticky unless your ad network allows it; AdSense has rules about ads that follow the user.
  • Measure results: track signups or clicks before and after.

Not sure what to put in your sidebar? See the types of widgets to add to your sidebar.

Frequently Asked Questions

Why is my sticky widget not working?

Common causes are theme CSS (such as overflow settings on a parent container), caching, or a conflict with another plugin. Clear your cache, then try a different plugin.

Can I make a sticky widget on mobile?

Usually it is better not to, because sidebars move below the content on phones and a sticky element would cover the page.

Does a sticky sidebar affect SEO?

Not directly. Just make sure it does not slow down your page or cover content.

Comments

43 responses to “How to Make Any Sidebar Widget Sticky in WordPress”

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Sharon Rao Avatar
    Sharon Rao

    This is amazing information, I used to wonder how to have a sticky widget and this thing solved my problem

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad I could help.

  2. Khakan Avatar
    Khakan

    I want to do the same thing for my amazon affiliate site, but I am unable to that. Please tell me how can I do this. I want same sidebar style like the URL placed in sample.
    Sample: https://10beasts.com/best-gaming-mouse/
    My Site: https://techypes.com/best-external-sound-cards/

  3. Mark Avatar
    Mark

    Nowadays many plugins available for sticky sidebar and I personally use newspaper theme, they have an inbuit function for sticky.

  4. Ratan Avatar
    Ratan

    Istiak Brother, Is there any way to make sticky sidebar without a plugin? Please let me know.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      There might be some other ways. But I am not aware of those ways.

  5. John Smith Avatar
    John Smith

    Thanks for this post. I always saw sticky sidebar on websites but never knew how to make it. Thanks once again.

  6. damiroquai Avatar
    damiroquai

    There is another alternative plugin called myStickysidebar, difference is that myStickysidebar will use the whole widget area instead of one widget… https://wordpress.org/plugins/mystickysidebar/

  7. Anuj Dawar Avatar
    Anuj Dawar

    How to hide or display any sidebar widget?

  8. RubioG Avatar
    RubioG

    Very useful, but I’m trying to find another way to get the same effect but just by code, not with plugin. Thanks for your help!

  9. anwar Avatar
    anwar

    Very well written Istiak vai. Everyday I learn a lot from your site. You write really good. I was looking for this tricks. I will apply now in my site. again Thanks a lot.

  10. Asif Irtiza Hussain Avatar
    Asif Irtiza Hussain

    Hi,

    Thank you for this plugin. But I was looking for a way to do this without a plugin.

    Thank you