WPB Accordion Menu Pro groups WordPress navigation into sections visitors can expand and collapse. Build menus from standard navigation menus, custom taxonomies, hierarchical posts, and custom post types. Posts or custom post types can appear as child items under their categories, and multiple accordion menus can be placed in various areas of a site.

WooCommerce category navigation

Display product categories, subcategories, and tags in a collapsible menu. Visitors can open a parent category to reach its child items. Place the menu in a WooCommerce sidebar or vertical layout on shop, category, and product pages to keep long catalog lists compact.

Layouts and placement

Use accordion navigation in a responsive sidebar or vertical menu, a mobile or hamburger menu, or an off-canvas area. Layouts adapt to desktop, tablet, and mobile devices. Add menus with the Elementor widget, Gutenberg block, regular widget, or shortcode. Shortcodes can also be placed in pages, posts, widget areas, and Divi layouts.

Appearance and accordion behavior

Choose from five predefined skins and adjust colors, typography, and spacing. A custom icon picker supports menu and category icons, including uploaded PNG icons and FontAwesome and Themify icons. The first-level parent can be set to open automatically; selected items or the current menu or category can also remain expanded.

Keyboard navigation supports Tab and Arrow keys.

Set up a menu

1. Install and activate WPB Accordion Menu Pro as a WordPress plugin.
2. Create an accordion menu and choose the pages, posts, taxonomies, navigation items, or WooCommerce catalog terms it should show.
3. Select a layout and add the menu to its intended sidebar, page, post, widget area, or page builder layout.
4. Adjust the menu’s appearance and open behavior, then review it on the relevant device layouts.