Vertical Menu Block for Sidebar Accordion Menu vs Responsive Vertical Icon Menu

Vertical menu block 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. 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. 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. Quick Links 👉 Upgrade to Pro: Explore all Features of Vertical Sidebar Menu Block 👉 Live Demo with Menu: Try Vertical Sidebar Menu Block Demo 👉 Live Demo with Product Categories: Try Vertical Sidebar Menu Block Demo 👉 Support: Support Key Features Select Any Navigation Menu: Easily choose and display any existing WordPress navigation menu. Menu Depth Control: Define how many submenu levels to display for better structure and usability. Accordion-Style Navigation: Submenus expand and collapse smoothly for a clean, organized look. Auto-Expand Current Menu Item: Automatically expands the menu to reveal the current page for improved navigation clarity. Persistent Expanded State: Keeps menu items expanded after page reloads, providing a consistent browsing experience. Advanced Typography Options: Customize font family, size, and style separately for parent and child menu items. Flexible Styling Controls: Adjust colors, backgrounds, spacing, and hover effects for parent, child, and active menu items. Theme Compatibility: Works seamlessly with any modern WordPress theme and fully supports the Gutenberg block editor. Dedicated Support: Receive expert assistance from a responsive support team whenever you need help. Source Code and Development 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 src/ directory for transparency and review. Developers can access the source code directly or contribute via the GitHub repository. To build the plugin from source: Install Node.js and npm. Run npm install to install dependencies. Use npm run build to compile the assets. For more details, see the documentation in the WordPress developer resources: WordPress Developer Resources – Get started with wp-scripts For details, see the documentation in the GitHub repository: GitHub – Vertical Sidebar Menu Block Credits This plugin includes a modified version of the Navgoco jQuery plugin 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.

WordPress Responsive Vertical Icon Menu plugin is an nice and handy plugin for showing your menus in widget. It’s very simple to use. There are a lot of style and font settings that you will like. View our plugin demo page: Demo Page You can check some of our plugin features below. Features of Free version Easy install and use Works without problem with all WordPress versions Fully Responsive Ability to add Icons Ability to choose Submenu opening type and set the duration Ability to choose icon function when clicking on it User friendly back-end Tested on popular WordPress themes You can upgrade the free version to Vertical menu Pro to add some great features. The features of Pro version Ability to change Main, Sub and Active menus styles Ability to select Font family Ability to set border styles Ability to set Background color If you have any type of question occuring our plugin contact us at [email protected]. Step by step guide General Settings Submenu opening type – Select when to display the submenu Submenu opening duration – Type the submenu opening duration Icon option when clicking on it – Choose the option when clicking on it Main(Parent) menu style options Padding – Type the padding parameters Icon size – Type the size Background color – Select the Background color Font size – Type the Font size Font family – Choose the Font family Font style – Select the Font style Text color – Choose the Text color Background color when hovering – Choose the Background color when hovering Font size when hovering – Type the Font size when hovering Font family when hovering – Select the Font family when hovering Font style when hovering – Select the Font style when hovering Text color when hovering – Choose the Text color when hovering Active Background color – Select the Background Active Font size – Type the Font size Active Font family – Select the Font family Active Font style – Select the Font style Active Text color – Select the Text color Border width – Type the Border width Border color – Select the Border color Border color when hovering – Select the Border color when hovering Active Border color – Select the Border color Submenu icons size – Type the icons size Submenu opening icon padding – Type the opening icon padding Submenu closing icon padding – Type the closing icon padding Submenu style options Padding – Type the padding parameters Background color – Select the Background color Font size – Type the Font size Font family – Choose the Font family Font style – Select the Font style Text color – Choose the Text color Background color when hovering – Choose the Background color when hovering Font size when hovering – Type the Font size when hovering Font family when hovering – Select the Font family when hovering Font style when hovering – Select the Font style when hovering Text color when hovering – Choose the Text color when hovering Active Background color – Select the Background color Active Font size – Type the Font size Active Font family – Select the Font family Active Font style – Select the Font style Active Text color – Select the Text color Border width – Type the Border width Border color – Select the Border color Border color when hovering – Select the Border color when hovering Active Border color – Select the Border color