In my previous post, I’ve shown you how to create a sticky sidebar in WordPress.
In this tutorial, I’ll show you how to make a specific widget to be sticky in your WordPress sidebar.
Making a WordPress widget sticky means that it will remain fixed, making it visible all the time as the users scroll up and down, therefore improving its effectiveness!
For this, you’ll need the help of a plugin, and I’ll show you how to use it.
Let’s get to it!
Make a widget sticky in WordPress with the Q2W3 Fixed Widget plugin
You can either watch the video or read the post.
If you watch the video, make sure to read at the bottom what to do if the plugin doesn’t work properly.
Step 1 – Install the plugin
After you install Q2W3 Fixed Widget, you’ll find its settings by going to Appearance -> Fixed Widget Options.
Step 2 – Set up the plugin’s options
The Q2W3 Fixed Widget plugin should work fine out-of-the-box, without changing any options.
But, perhaps some of you might want to change the top and bottom margins or disable the sticky widget on mobile devices by setting the width.
For example, if you want to disable the WordPress sticky widget on mobile devices, then you should usually add 769 in the Disable Width box.
768px is usually a standard breaking point that works for most tablets (portrait mode) and smartphones (landscape mode).
You’ll notice that I initially said to add 769 in the box, but then I said that 768px is usually a standard breaking point.
You should add 769 in the box because of what it’s stated there:
When the browser screen width is less then specified value, the plugin is disabled!
The correct version should have been ‘less than the specified value’, I know, but it’s a quote. :D
So, if you want to disable the sticky widget at 768px, then you should add a higher value, such as 769.
Step 3 – Make a WordPress widget sticky
Once you’re finished with the settings, you can go ahead and make a widget sticky.
- Go to Appearance -> Widgets;
- Click on the widget’s drop-down arrow;
- Check the Fixed widget box;
- Click the Save button.
If the changes won’t take effect, clear your browser and site caches.
Here’s how the sticky widget looks on the default WordPress theme, Twenty Seventeen:
It looks a bit ugly on this theme because the widgets have transparent backgrounds and the text is overlapping.
If Q2W3 Fixed Widget is not working properly, try checking the Compatibility boxes (in the plugin’s options) one by one and verify if it works.
That’s a wrap
Hope you found the tutorial useful and comprehensive, and you managed to add a sticky widget in WordPress!
Don’t forget to share the post to help out others!
You can quickly subscribe to my newsletter by using this link.
If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.
My WordPress installation service is at your disposal!
On-going WordPress support and maintenance service is on the menu as well!