LATEST
Home » Tutorials » How-To add a Sticky Widget to your WordPress Blog (Video)

How-To add a Sticky Widget to your WordPress Blog (Video)

sticky widgetA sticky widget is a widget that stays fixed on the sidebar no matter how far the visitor scrolls down. It is a great way to fill out the empty space on long articles without adding more widgets.

After installing and activating the plugin like any other wordpress plugin go to Appearance -> Widgets, enable “Fixed Widget” option on any active widget. 

Make sure to only enable the “Fixed Widget” option on the last widget(s) in your sidebar. Otherwise they will overlap when scolling.

Additionally, to not have the widget overlap over the header, footer or over the content on smaller screens set the top- and bottom-margin as well as the max-width under Appearance -> Fixed Widget Options.

To find out what sizes you need to enter in order to make the plugin work on your theme use tools like Measure it Add-On for Firefox or Page Ruler Add-On for Chrome.

With these add-ons it is very easy to find out the height of header and/or footer and the max width you need the plugin to be active.

I’ve prepared this 2 min video to show you how to install and configure the sticky widget.

Technical Requirements:

The plugin is not working with all themes. Theme requirements:

  • jQuery 1.7 required. jQuery 1.8.3 (or later) is recommended.
  • No JavaScript errors, coused by other plugins and scripts.
  • wp_head() and wp_footer() functions in header.php and footer.php files.

So the plugin should work on most wordpress blogs but just test it for yourself and see. You can always deactivate and deinstall.

Make sure to only enable the “Fixed Widget” option on the last widget(s) in your sidebar. Otherwise they will overlap when scolling.
Don’t forget to set top-, bottom-margin as well as max-width. see video

Resources

Sticky Widget WordPress Plugin

Pixel Measure Browser Add-On

A sticky widget is a widget that stays fixed on the sidebar no matter how far the visitor scrolls down. It is a great way to fill out the empty space on long articles without adding more widgets. After installing and activating the plugin like any other wordpress plugin go to Appearance -> Widgets, enable "Fixed Widget" option on any active widget.  Make sure to only enable the "Fixed Widget" option on the last widget(s) in your sidebar. Otherwise they will overlap when scolling. Additionally, to not have the widget overlap over the header, footer or over the content on smaller screens set…

Review Overview

Rating

Recommended

Summary : Great Plugin for blogs with long articles. Fills out the blank space.

User Rating: 3.55 ( 4 votes)
90

Like what you read? Subscribe to my FREE Newsletter!

About Sassan Siamak

I'm the founder of BestMarketingTools.org | I love to find the best marketing tools and create new strategies to outwit competition. :) Teaching these techniques, sharing experience & helping others is my passion. Subscribe to my free newsletter and learn about the best marketing tools available.

2 comments

  1. Thanks for the great info with the ruler plugin to find out pixel sizes. Had problems with my responsive theme. Had to adjust max-screen-width as you mentioned… Thanks!!

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 

We will never give your name or email address to any 3rd party.