Estevao Acioli

<p>Lightweight mobile menu (off-canvas) for WordPress. Works on desktop too. Aha Mobile Menu adds a simple, fast, and customizable off-canvas menu to your site: it slides in from the left or right with slide or fade animation, and can be shown on mobile only or on desktop as well.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Q8qZbaStl-o?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><a href="https://ahaplugins.com/product/aha-mobile-menu/" rel="nofollow ugc"><strong>Product page</strong></a> | <a href="https://ahaplugins.com/documentation" rel="nofollow ugc"><strong>Documentation</strong></a> | <a href="https://ahaplugins.com/support" rel="nofollow ugc"><strong>Support</strong></a> | <a href="https://ahaplugins.com/product/aha-mobile-menu/" rel="nofollow ugc"><strong>Pro add-on</strong></a></p>
<p><strong>Features:</strong></p>
<ul>
<li>Enable/disable the menu and choose position (left or right)</li>
<li>Slide or fade animation</li>
<li>Optional: show only on mobile (viewport < 768px) or on all devices</li>
<li>Logo at the top of the menu</li>
<li>WordPress navigation menu selection</li>
<li>Built-in search box</li>
<li>Social links with automatic icons (Facebook, Instagram, Twitter/X, LinkedIn, YouTube, WhatsApp, and more)</li>
<li>Color customization: background, text, close button, search, menu links, social icons</li>
<li>Color palettes for quick styling (default, dark, light, purple, blue, green, etc.)</li>
<li>Close on click outside and on navigation</li>
<li>Configurable trigger: default class <code>aha-open-sidebar</code> or custom CSS selectors</li>
<li>Page and post type exclusions so the menu is not loaded where you don’t need it</li>
<li>Hooks for customization</li>
<li><strong>Uninstall</strong> tab: choose whether to remove plugin options from the database when the plugin is <strong>deleted</strong> from <strong>Plugins <span aria-hidden="true" class="wp-exclude-emoji">→</span> Installed Plugins</strong> (not on deactivate alone). If you use <strong>Aha Mobile Menu Pro</strong>, the same preference applies when removing the Pro add-on’s license option.</li>
</ul>
<h4>Demo, documentation & addons</h4>
<p>Watch a demo, read the full documentation, and learn about available addons on the <a href="https://ahaplugins.com/product/aha-mobile-menu/" rel="nofollow ugc">Aha Mobile Menu Product Page</a>.</p>
<h4>Video tutorial</h4>
<p>Step-by-step setup: <a href="https://www.youtube.com/watch?v=Q8qZbaStl-o" rel="nofollow ugc">Aha Mobile Menu tutorial on YouTube</a>.</p>
<h4>Requirements</h4>
<ul>
<li>Your theme must provide a button or element with the trigger class (e.g. <code>aha-open-sidebar</code>) to open the menu. Add this class to your hamburger icon or menu toggle.</li>
</ul>
<p><strong>Discover more WordPress plugins:</strong> <a href="https://ahaplugins.com/plugins" rel="nofollow ugc">Visit Aha Plugins</a></p>


Aha Mobile Menu

Lightweight and customizable off-canvas mobile menu for WordPress. Create fast, responsive and modern mobile navigation with improved user experience.

Jory Hogeveen

<p>This plugin will add various options to implement off-canvas sidebars in your WordPress theme based on the Slidebars jQuery plugin.</p>
<h4>Overview / Features</h4>
<ul>
<li>Add off-canvas sidebars to the left, right, top and bottom of your website.</li>
<li>Use sidebar areas (widget-ready areas), menu locations or <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Actions-&-Filters" rel="nofollow ugc">custom hooks</a> to place content into the off-canvas sidebars.</li>
<li>You can add control buttons with a widget, menu item, <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Shortcodes" rel="nofollow ugc">shortcode</a> or with <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Theme-setup" rel="nofollow ugc">custom code</a>.</li>
<li>Various customisation options and settings available in the Appearances menu.</li>
<li>Extensive API for <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/PHP-API" rel="nofollow ugc">PHP</a> and <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/JavaScript-API" rel="nofollow ugc">JS</a>.</li>
</ul>
<h4>Compatibility (IMPORTANT!)</h4>
<p>The structure of your theme is of great importance for this plugin. Please read the <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/Theme-setup" rel="nofollow ugc">installation guide</a> carefully!!</p>
<p>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…<br />
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!</p>
<p><strong>Fixed elements (like sticky menu’s)</strong><br />
There are known issues with fixed elements and Slidebars. <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki/fixed-elements" rel="nofollow ugc">Wiki</a><br />
I’ve created two possible solutions for this:</p>
<ol>
<li>Legacy CSS solution. Use basic CSS2 positioning instead of CSS3 transform with hardware acceleration.</li>
<li>JavaScript solution. It is slower but still allows the use of hardware acceleration for animations.</li>
</ol>
<h4>It’s not working! / I found a bug!</h4>
<p>Please let me know through <a href="https://wordpress.org/support/plugin/off-canvas-sidebars" rel="ugc">support</a> and add a plugins and themes list! 🙂<br />
Or <a href="https://github.com/JoryHogeveen/off-canvas-sidebars/issues" rel="nofollow ugc">submit an issue here on GitHub</a></p>
<h4>Credits</h4>
<ul>
<li>Slidebars jQuery plugin by <a href="https://www.adchsm.com/slidebars/" title="Adam" rel="nofollow ugc">Adam</a>, thank you for this great plugin!</li>
</ul>
<h4>You can find me here:</h4>
<ul>
<li><a href="https://github.com/JoryHogeveen/off-canvas-sidebars/" title="GitHub" rel="nofollow ugc">GitHub</a></li>
<li><a href="http://www.keraweb.nl/" title="Keraweb" rel="nofollow ugc">Keraweb</a></li>
<li><a href="https://nl.linkedin.com/in/joryhogeveen" title="LinkedIn profile" rel="nofollow ugc">LinkedIn</a></li>
</ul>
<h4>Actions | Filters | API</h4>
<ul>
<li><a href="https://github.com/JoryHogeveen/off-canvas-sidebars/wiki" rel="nofollow ugc">See Wiki on GitHub</a></li>
</ul>
<h4>Credits</h4>
<ul>
<li>Slidebars jQuery plugin by <a href="https://www.adchsm.com/slidebars/" title="Adam" rel="nofollow ugc">Adam</a>, thank you for this great plugin!</li>
</ul>
<h4>Ideas?</h4>
<p>Please let me know through the support page!</p>


Off-Canvas Sidebars & Menus (Slidebars)

Add off-canvas sidebars (Slidebars) containing widgets, menus or other content using the Slidebars jQuery plugin.

Aha Mobile Menu vs Off-Canvas Sidebars & Menus (Slidebars)