myStickySidebar – Sticky Sidebar for any WordPress Theme

Plugin glues your website’s sidebar, making it permanently visible while scrolling.
By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make it work. Don’t forget this, it’s a mandatory field.

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, Bolid Theme and many more…

Plugin is localized (multi language support) and responsive (as far as your theme is). Advancement of this simple plugin is that increases usability of WordPress site since sidebar is visible most of the time.

Plugin integrates magnificent Theia Sticky Sidebar v1.5.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress…More about this script as well as some documentation can be found at  https://github.com/WeCodePixels/theia-sticky-sidebar

Plugin Options:

Sticky Class – css class or id of the sidebar desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!
Container Class –
  The sidebar’s container element (parent element) css class or id. If not specified, it defaults to the sidebar’s parent. Mostly this parameter is not needed for majority of themes, but in case that script cant find sidebar parent div you will need to enter it here. Check out example, later in this post, for Twenty Thirteen WordPress theme.
Additional Top Margin: An additional top margin in pixels. Defaults to 0.
…. and more cool options will be available soon …

my-sticky-sidebar-setings

Plugin demo is visible here on this website with Twenty Thirteen child theme installed, as you can see sidebar sticks while scrolled (on bigger resolutions, not for small screens as mobiles).

myStickysidebar is compatible with sidebarAutomizer, plugin I wrote earlier, which equalize height of the sidebar with height of the content if set properly. You can use this two plugins in a combination if you have a lot of widgets which suite for long posts, and to hide them on a posts with little or no content…

To use this plugin with Twenty Thirteen theme:
Sticky Class:  .sidebar-inner > .widget-area
Container Class (parent div): #main

Twenty Ten theme:
Sticky Class: #primary

UPDATE 1.1

–  Fixed: ‘Notice: Undefined index: myfixedside_disable_small_screen’

Download from WordPress

3 thoughts on “myStickySidebar – Sticky Sidebar for any WordPress Theme

  1. No explanation of how to implement the sidebar on a page no nothing 70% of the information provided here is useless and I seriously doubt users will ever need it. Please research your audience.

    1. Thank you for your feedback. Around 30% of themes will work OOB with this plugin. There is 30% of usable content on this page (as u stated), and here is another 10% of usable content for you -> https://wordpress.org/plugins/mystickysidebar/faq/ .

      I admit documentation is not finished yet but you should have a bit of a respect to the developer who spent his time to write this plugin and documentation, after all it’s free, if u don’t like it or if you don’t understand it don’t use it, simple as that.

Comments are closed.