Title: HSArticle Foldout Menu
Author: hsarticle
Published: <strong>August 3, 2026</strong>
Last modified: August 3, 2026

---

Search plugins

![](https://ps.w.org/hsarticle-foldout-menu/assets/banner-772x250.png?rev=3633292)

![](https://ps.w.org/hsarticle-foldout-menu/assets/icon-256x256.png?rev=3633292)

# HSArticle Foldout Menu

 By [hsarticle](https://profiles.wordpress.org/hsarticle/)

[Download](https://downloads.wordpress.org/plugin/hsarticle-foldout-menu.1.0.0.zip)

 * [Details](https://wordpress.org/plugins/hsarticle-foldout-menu/#description)
 * [Reviews](https://wordpress.org/plugins/hsarticle-foldout-menu/#reviews)
 *  [Installation](https://wordpress.org/plugins/hsarticle-foldout-menu/#installation)
 * [Development](https://wordpress.org/plugins/hsarticle-foldout-menu/#developers)

 [Support](https://wordpress.org/support/plugin/hsarticle-foldout-menu/)

## Description

HSArticle Foldout Menu adds a clean, accessible slide-out (“foldout”) navigation
panel to your site, triggered by a hamburger button.

**Two ways to place the trigger button:**

 * Drop the `[hsarfold_menu]` shortcode anywhere — a widget, a page, a header template—
   and the trigger button appears there.
 * Or turn on “Auto-Add Floating Button” and the plugin places a floating hamburger
   button in the top-left or top-right corner automatically, with adjustable padding.

**Fully customizable, all in one settings tab:**

 * Choose which WordPress menu (Appearance  Menus) opens in the panel
 * Pick the slide direction: left, right, top, or bottom
 * Panel width/height percentage, background color or gradient, animation speed
 * Menu text font, size, color, and hover color/size
 * Icon style (3-line, dots, plus), icon color and hover color, size
 * Optional dimming overlay behind the panel, with adjustable color/opacity
 * Close button style (X icon, text, or none — click-outside/ESC always works)

**Built to not interfere with your site:**

 * Every CSS class, ID, JS variable, and option name is uniquely prefixed
 * Assets are only loaded on the frontend when the plugin is enabled
 * Keyboard accessible: ESC to close, focus is trapped inside the open panel, focus
   returns to the trigger on close
 * RTL-ready

## Screenshots

[⌊Settings — General tab⌉⌊Settings — General tab⌉[

Settings — General tab

[⌊Settings — Panel Style tab⌉⌊Settings — Panel Style tab⌉[

Settings — Panel Style tab

[⌊Example of the slide-out panel open on the frontend⌉⌊Example of the slide-out 
panel open on the frontend⌉[

Example of the slide-out panel open on the frontend

## Installation

 1. Upload the plugin files to `/wp-content/plugins/hsarticle-foldout-menu`, or install
    directly through the WordPress plugins screen.
 2. Activate the plugin through the “Plugins” screen in WordPress.
 3. Go to the “HSArticle Foldout Menu” tab in your wp-admin left sidebar.
 4. Check “Enable HSArticle Foldout Menu”, choose a menu to display, and configure 
    the rest to taste.
 5. Either place `[hsarfold_menu]` where you want the button, or enable “Auto-Add Floating
    Button”.

## FAQ

### Does this work with any theme?

Yes. It doesn’t touch your theme’s existing header or navigation — it adds an independent
panel and trigger button on top of your site.

### Can I use my existing WordPress menu?

Yes, choose any menu you’ve already created under Appearance  Menus.

### Will this conflict with my theme’s mobile menu?

No, HSArticle Foldout Menu is fully independent and uses uniquely prefixed CSS/JS,
so it won’t override or be overridden by other menu styles.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“HSArticle Foldout Menu” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

[Translate “HSArticle Foldout Menu” into your language.](https://translate.wordpress.org/projects/wp-plugins/hsarticle-foldout-menu)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/hsarticle-foldout-menu/),
check out the [SVN repository](https://plugins.svn.wordpress.org/hsarticle-foldout-menu/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/hsarticle-foldout-menu/)
by [RSS](https://plugins.trac.wordpress.org/log/hsarticle-foldout-menu/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.0.0**
 *  Last updated **18 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.0.2**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [hamburger menu](https://wordpress.org/plugins/tags/hamburger-menu/)[menu](https://wordpress.org/plugins/tags/menu/)
   [mobile menu](https://wordpress.org/plugins/tags/mobile-menu/)[off-canvas menu](https://wordpress.org/plugins/tags/off-canvas-menu/)
   [slide menu](https://wordpress.org/plugins/tags/slide-menu/)
 *  [Advanced View](https://wordpress.org/plugins/hsarticle-foldout-menu/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/hsarticle-foldout-menu/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/hsarticle-foldout-menu/reviews/)

## Contributors

 *   [ hsarticle ](https://profiles.wordpress.org/hsarticle/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/hsarticle-foldout-menu/)