myStickysidebar

Description

Plugin glues website’s sidebar, making it permanently visible while scrolling. Since sidebar is always visible it increases website’s usability, accessibility and therefore gets better click through rate.

By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make them work. Don’t forget this, it’s a mandatory field for certain themes. Use additional margin top to fine tune sidebar position.

Sticky sidebar plugin will work out of box with some themes which use “#secondary” id for sidebar by default such as: Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap and many more… Plugin is localized (multi language support) and responsive (as far as your theme is).

Plugin Home + Demo URL

Plugin Options:

  • Sticky Class: CSS class or id of the sidebar element desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!

  • Container Class: Container element class or id. If left blank script will try to guess. It must be element that contains both sidebar and content. Usually it is #main, #main-content or #primary. Mostly this parameter is not needed for majority of themes.

  • Additional Top Margin: An additional top margin in pixels. Defaults to 0. …

  • Additional Bottom Margin: An additional bottom margin in pixels. Defaults to 0.

  • Disable if screen width is smaller than: desired number of pixels. It disables script on mobiles or any device which screen is not wide as entered number of pixels.

  • Update sidebar height: Troubleshooting option, try this if your sidebar loses its background color. True or False.

  • Disable at: front page, blog page, pages, posts, categories, tags, archives

  • Enable for specific posts and pages if previously disabled site wide.

Plugin integrates magnificent Theia Sticky Sidebar v1.7.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress…

Screenshots

  • screenshot-1.png myStickysidebar backend settings.

Installation

Install like any other plugin. After install activate.
Go to Settings / myStickysidebar and change Sticky Class to .your_sidebar_class or sidebar css id.
Use additional margin top to fine tune sidebar position.

FAQ

Installation Instructions

Install like any other plugin. After install activate.
Go to Settings / myStickysidebar and change Sticky Class to .your_sidebar_class or sidebar css id.
Use additional margin top to fine tune sidebar position.

How to find Sticky Class, what should I enter here?

So this depends which theme do you use, examine the code (Firefox: right click on sidebar and ”Inspect Element”; Chrome: right click on sidebar than select “Inspect”) and find element in which sidebar is situated. This element have some class or id, and that’s the Sticky Class we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id name.

After update my plugin stopped working?

Try to clear website cache, or even your browser cache. In some cases, try to save plugin settings before clearing cache.

Reviews

Fast and easy

It’s working with the latest update, fast and easy to use. Maybe a “readme” section should be added to the settings page, but everything can be found in the plugin’s official description.

Very useful plugin

This is a very good plugin and does exactly what I needed. Thanks for that!

The only downside is that if the sidebar is longer than the content, the screen jumps back to the top. 🙂

Read all 9 reviews

Contributors & Developers

“myStickysidebar” is open source software. The following people have contributed to this plugin.

Contributors

“myStickysidebar” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “myStickysidebar” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.5

  • Fixed: enable / disable at search pages

1.2.4

  • Fixed: additional margin top when admin bar is showing

1.2.3

  • Improved: Better compatibility with various themes

1.2.2

  • Added options: Disable at: front page, blog page, pages, posts, categories, tags, archive
  • Added options: Enable for: Enable only selected pages or posts

1.2.1

  • Added options: Disable if screen size is smaller than number of pixels

1.2

  • Updated script: Theia sticky menu v1.7.0
  • Added options: additional margin bottom + update sidebar height

1.1

  • Fixed: Notice: Undefined index: myfixedside_disable_small_screen

1.0

  • First release of myStickysidebar plugin