wpbean

MD Imran Khan

<p><strong>Vertical menu block</strong> is a powerful and flexible Gutenberg block plugin that allows you to create fully customizable vertical accordion menus for your WordPress website. Built specifically for the WordPress block editor, this vertical menu block is ideal for sidebars, navigation panels, and widget areas, helping you organize complex navigation structures in a clean and user-friendly way.</p>
<p>Using collapsible vertical sidebar menus improves overall site usability by allowing visitors to expand and collapse submenus only when needed. This approach saves valuable screen space, keeps layouts visually clean, and enhances readability—especially on mobile and tablet devices.</p>
<p>Designed with performance, accessibility, and flexibility in mind, the vertical menu block works seamlessly with the native Gutenberg editor and is compatible with all modern WordPress themes. Whether you’re building a blog, portfolio, business website, or WooCommerce store, this vertical menu block helps you deliver a professional, responsive, and accessible navigation experience across all devices.</p>
<h3>Quick Links</h3>
<p>👉 Upgrade to Pro: <a href="https://wpbean.com/downloads/vertical-sidebar-menu-block-pro/?utm_content=Vertical+Sidebar+Menu+Block&utm_campaign=repository&utm_medium=desc-link&utm_source=WordPress" rel="nofollow ugc">Explore all Features of Vertical Sidebar Menu Block</a><br />
👉 Live Demo: <a href="https://blocks.wpbean.com/vertical-sidebar-menu-block/" rel="nofollow ugc">Try Vertical Sidebar Menu Block Demo</a><br />
👉 Support: <a href="https://wpbean.com/support/" rel="nofollow ugc">Support</a></p>
<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/oULtCW99xqs?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>
<h3>Key Features</h3>
<ul>
<li><strong>Select Any Navigation Menu</strong>: Easily choose and display any existing WordPress navigation menu.</li>
<li><strong>Menu Depth Control</strong>: Define how many submenu levels to display for better structure and usability.</li>
<li><strong>Accordion-Style Navigation</strong>: Submenus expand and collapse smoothly for a clean, organized look.</li>
<li><strong>Auto-Expand Current Menu Item</strong>: Automatically expands the menu to reveal the current page for improved navigation clarity.</li>
<li><strong>Persistent Expanded State</strong>: Keeps menu items expanded after page reloads, providing a consistent browsing experience.</li>
<li><strong>Advanced Typography Options</strong>: Customize font family, size, and style separately for parent and child menu items.</li>
<li><strong>Flexible Styling Controls</strong>: Adjust colors, backgrounds, spacing, and hover effects for parent, child, and active menu items.</li>
<li><strong>Theme Compatibility</strong>: Works seamlessly with any modern WordPress theme and fully supports the Gutenberg block editor.</li>
<li><strong>Dedicated Support</strong>: Receive expert assistance from a responsive support team whenever you need help.</li>
</ul>
<h3>Source Code and Development</h3>
<p>This plugin uses wp-scripts which comes with modern build tools like Webpack and npm to generate production-ready files. The uncompressed source code is included in the plugin’s <code>src/</code> directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository.</p>
<p>To build the plugin from source:</p>
<ol>
<li>Install Node.js and npm.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Use <code>npm run build</code> to compile the assets.</li>
</ol>
<p>For more details, see the documentation in the WordPress developer resources:<br />
<a href="https://developer.wordpress.org/block-editor/getting-started/devenv/get-started-with-wp-scripts/" rel="nofollow ugc">WordPress Developer Resources – Get started with wp-scripts</a></p>
<p>For details, see the documentation in the GitHub repository:<br />
<a href="https://github.com/wpbean/Vertical-Sidebar-Menu-Block" rel="nofollow ugc">GitHub – Vertical Sidebar Menu Block</a></p>
<h3>Credits</h3>
<p>This plugin includes a modified version of the <a href="https://github.com/tefra/navgoco" rel="nofollow ugc">Navgoco jQuery plugin</a> by Tefra, which is licensed under the BSD-3-Clause License. Original library copyright © Tefra. The modified version complies with the BSD-3-Clause License.</p>


Vertical Navigation Menu & Accordion Sidebar Block

Create responsive vertical accordion menus using a customizable Gutenberg block. Perfect for sidebars and navigation panels.

Bappaditya Majumder

<p>Leidsens Mobile Menu replaces your theme’s default mobile navigation with a smooth, app-like slide-in menu designed for modern websites.</p>
<p>Built specifically for mobile usability, this plugin provides a clean multi-level navigation experience where sub-menus slide into their own panels instead of expanding inline. Everything is fully configurable from a dedicated settings page — no coding required.</p>
<p>The admin interface includes collapsible sections, toggle switches, and WordPress color pickers for an intuitive customization experience.</p>
<h4>Why choose Leidsens Mobile Menu?</h4>
<ul>
<li>Designed for mobile-first user experiences</li>
<li>Smooth multi-level sliding navigation</li>
<li>Lightweight and fast</li>
<li>Works with any properly coded WordPress theme</li>
<li>No coding required</li>
</ul>
<h4>Key Features</h4>
<h4>Multi-Level Sliding Menu</h4>
<ul>
<li>Unlimited menu depth</li>
<li>Each sub-menu opens in its own sliding panel</li>
<li>Built-in back navigation for easy usability</li>
</ul>
<h4>Flexible Open Behavior</h4>
<ul>
<li>Open sub-menus by clicking the menu item</li>
<li>Or open only via arrow icon (arrow mode)</li>
</ul>
<h4>Fully Customizable Appearance</h4>
<ul>
<li>Upload your logo using the WordPress Media Library</li>
<li>Choose menu slide direction (left or right)</li>
<li>Customize background, text, and hover colors</li>
<li>Built-in WordPress color pickers</li>
</ul>
<h4>Typography Controls</h4>
<ul>
<li>Select from popular Google Fonts</li>
<li>Set base font size for the menu</li>
<li>Set separate font size for menu items</li>
</ul>
<h4>Hamburger Button Controls</h4>
<ul>
<li>Fixed or absolute positioning</li>
<li>Left or right alignment</li>
<li>Custom top and side offsets</li>
<li>Optional custom icon upload</li>
</ul>
<h4>Footer Content Options</h4>
<ul>
<li>Call-to-Action (CTA) button</li>
<li>Contact phone and email</li>
<li>Social media links (Facebook, Instagram, Twitter, LinkedIn, YouTube)</li>
</ul>
<h4>Responsive Behavior</h4>
<ul>
<li>Custom mobile breakpoint</li>
<li>Menu activates only below selected screen width</li>
<li>Automatically closes when a navigation link is clicked</li>
</ul>
<h4>Clean Admin Experience</h4>
<ul>
<li>Collapsible accordion sections</li>
<li>Toggle switches for two-option settings</li>
<li>Clear visual grouping of options</li>
</ul>
<h3>Setup</h3>
<ol>
<li>
<p>Assign a menu:</p>
<ul>
<li>Go to <strong>Appearance > Menus</strong></li>
<li>Create or select a menu</li>
<li>Assign it to <strong>Leidsens Mobile Menu</strong></li>
<li>Save the menu</li>
</ul>
</li>
<li>
<p>Configure the plugin:</p>
<ul>
<li>Open <strong>Leidsens Menu</strong> in the WordPress admin sidebar</li>
<li>Customize layout, colors, typography, button position, and footer content</li>
<li>Click <strong>Save Changes</strong></li>
</ul>
</li>
</ol>
<p>The menu will automatically appear on the front end.</p>


Leidsens Mobile Menu

A modern, touch-friendly off-canvas mobile menu with multi-level sliding panels and a clean, customizable admin interface.

Vertical Navigation Menu & Accordion Sidebar Block vs Leidsens Mobile Menu