myStickySidebar – Sticky Sidebar for any WordPress Theme

Plugin glues your website’s sidebar, making it permanently visible while scrolling.
Sticky sidebar plugin will work out of box with some themes which use “#secondary” element id for sidebar such as: Twenty Seventeen, Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap, Bolid Theme and many more…

By default, plugin use “#secondary” element 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.

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 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’s #main or #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 90.
Additional Bottom Margin: An additional bottom margin in pixels. Defaults to 0.
Disable sticky sidebar 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…
Disable sticky sidebar at: front page, blog page, pages, posts, categories, tags, archives
Enable for specific posts and pages if previously disabled site wide.

…. and more cool options will be available soon …

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).

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

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.2.2

Add options: Disable at: front page, blog page, pages, posts, categories, tags, archives
Add options: Enable for specific posts and pages if previously disabled.

UPDATE 1.2.1

Add options: disable if screen size is smaller than entered number of pixels

UPDATE 1.2

Update script: Theia sticky menu v1.7.0
Add options: additional margin bottom + update sidebar height

UPDATE 1.1

Fix: Notice: Undefined index: myfixedside_disable_small_screen

Download from WordPress

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

  1. Hello

    I need your help! activate the plug in, to test it and it worked, my page has many pages and when doing scroll it hid almost half of the screen.

    Disable the plugin, but is still active floating menu function, I do not know what to do because my website does not work.

    You could tell me what I can do so that the floating menu does not continue to appear in a scroll, even if it is disabled, I thank you for your support.

    Greetings.

  2. I wanna say thanks to you first, this plugin is the best one in all of this kind I have tested, thank you. 😊
    I found a situation on my site (inseclab.com) which may cause some issues. When my pages don’t have posts or just one little post on it and I wanna scroll down to the bottom, I just can’t and the page wiil jump and jump and jump. 😂 I didn’t change any settings till now or what should I do ? Waiting for reply. Best wishes.😊

      1. It works after I seted Container class to #primary! Amazing! By the way, would any compatibility issus come if I stay settings like this with my theme or with plugins like WPFront Scroll Top , WP Super Cache and Wordfence ? It works fine till now. Appreciate your work!

  3. 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.

Leave a Reply

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