1,000+
February 2, 2026
February 26, 2016
This plugin will add various options to implement off-canvas sidebars in your WordPress theme based on the Slidebars jQuery plugin.
The structure of your theme is of great importance for this plugin. Please read the installation guide carefully!!
This plugin should work with most themes and plugins although I can’t be sure for all use-cases. Also note that at this point it’s still a 0.x version…
If the plugin does not work for your theme, please let me know through the support and add a plugins and themes list and I will take a look!
Fixed elements (like sticky menu’s)
There are known issues with fixed elements and Slidebars. Wiki
I’ve created two possible solutions for this:
Please let me know through support and add a plugins and themes list! 🙂
Or submit an issue here on GitHub
Please let me know through the support page!
Installation of this plugin works like any other plugin out there. Either:
Or search for “Off-Canvas Sidebars” via your plugins menu.
Off-Canvas Sidebars might not work “out of the box” with some themes, please read the documentation!
Click here for theme setup documentation.
No, due to the difference in structure not all theme’s are compatible.
Though most themes can be made compatible with some modifications!
Yes you can, keep in mind that the more sidebars you add the heavier the load on the server (PHP) and browser (JS) will be.
This plugin only provides the framework that handles the off-canvas part.
There are some settings that slightly change the display but this is very limited.
For more advanced customisations either:
1. Edit your theme style.css file (usually located in /wp-content/themes/YOURTHEME/).
2. Use a plugin such as Simple Custom CSS.
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage and handle any security vulnerabilities. Report a security vulnerability.
Detailed info: PR on GitHub
Detailed info: PR on GitHub
Detailed info: PR on GitHub
Invalid release.
Detailed info: PR on GitHub
Detailed info: PR on GitHub
ocs_enable_frontend, modify enable frontend setting.ocs_enable_assets, can be used to disable frontend assets. #114ocs_inline_styles, modify the plugin inline styles.rel="nofollow" XFN attribute to link type element triggers. #116Detailed info: PR on GitHub
Detailed info: PR on GitHub
ocs_sidebar_attributes.ocs_sidebar_element.Detailed info: PR on GitHub
ocs_default_settings and ocs_default_sidebar_settings filters.rel="noopener noreferrer" to all links that open in a new tab.Detailed info: PR on GitHub
position: sticky; elements. #83<div> instead of <li>. #88Detailed info: PR on GitHub
wp_body_open as website_before hook introduced in WordPress 5.2. #70wp_body_open.vh unit for canvas container min-height instead of JavaScript.Detailed info: PR on GitHub
wp_footer as website_after hook. (Not compatible with all themes!)website_before and website_after hook priorities.Detailed info: PR on GitHub
ocs_is_sidebar_enabled to filter whether a sidebar should be rendered or not.Detailed info: PR on GitHub
Detailed info: PR on GitHub
fixed_elements key.Detailed info: PR on GitHub
Detailed info: PR on GitHub
[ocs_trigger] shortcode to display trigger buttons/elements anywhere you like, click here for documentation. #24
Detailed info: PR on GitHub
.ocs-button to cursor: pointer; by defaultDetailed info: PR on GitHub
ocs and can’t be changed, the prefix ocs is also the default prefix for new installations)Detailed info: PR on GitHub
transform: translateZ (needed for -webkit- and -moz- only). See problem hereCreated from nothingness just to be one of the cool kids. Yay!
| Version | Download | Type |
|---|---|---|
| 0.5.9 | Download | Stable |
| 0.5.8.5 | Download | Stable |
| 0.5.8.4 | Download | Stable |
| 0.5.8.2 | Download | Stable |
| 0.5.8.1 | Download | Stable |
| 0.5.8 | Download | Stable |
| 0.5.7.1 | Download | Stable |
| 0.5.7 | Download | Stable |
| 0.5.6 | Download | Stable |
| 0.5.5 | Download | Stable |
| 0.5.4 | Download | Stable |
| 0.5.3 | Download | Stable |
| 0.5.2 | Download | Stable |
| 0.5.1 | Download | Stable |
| 0.5 | Download | Stable |
| 0.4.2 | Download | Stable |
| 0.4.1 | Download | Stable |
| 0.4 | Download | Stable |
| 0.3.1.1 | Download | Stable |
| 0.3.1 | Download | Stable |
| 0.3 | Download | Stable |
| 0.2.2 | Download | Stable |
| 0.2.1 | Download | Stable |
| 0.2.0.1 | Download | Stable |
| 0.2 | Download | Stable |
| 0.1.2 | Download | Stable |
| 0.1.1 | Download | Stable |
| 0.1 | Download | Stable |
| Development | Download | Trunk |