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.
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).
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
Add options: Disable at: front page, blog page, pages, posts, categories, tags, archives
Add options: Enable for specific posts and pages if previously disabled.
Add options: disable if screen size is smaller than entered number of pixels
Update script: Theia sticky menu v1.7.0
Add options: additional margin bottom + update sidebar height
Fix: Notice: Undefined index: myfixedside_disable_small_screen