WPB Accordion Menu Pro turns WordPress navigation into sections visitors can expand and collapse. Build menus from standard navigation menus, custom taxonomies, hierarchical posts, and custom post types. The accordion layout keeps larger structures compact while grouping parent items with their children.

WordPress and WooCommerce content

For WooCommerce, display product categories, subcategories, and tags in an expandable menu. Pro features can place posts or custom post types under their categories as child items, so visitors can browse a hierarchy from the category accordion. Multiple menus can be added in different areas of a website.

Use the menu on shop, category, or product pages, or add it to a WordPress sidebar. Vertical and sidebar layouts keep long lists contained, while mobile, hamburger, and off-canvas formats provide navigation for smaller screens. The layouts adapt to desktop, tablet, and mobile devices.

Placement and appearance

Add an accordion with the Elementor widget, Gutenberg block, classic widget, or shortcode. Shortcodes can also be used in pages, posts, widget areas, and Divi layouts. Appearance options include five predefined skins and options for colors, typography, and spacing. Choose menu and category icons with the custom picker, upload PNG category icons, or use FontAwesome and Themify icons.

Accordion behavior can open the first-level parent automatically and keep selected items or the current menu or category expanded. Keyboard navigation with Tab and Arrow keys was added in version 1.8.1.

Adding a menu

Install and activate the extension like a standard WordPress add-on. Create an accordion menu, pick the pages, posts, menus, taxonomies, or WooCommerce categories it should display, and configure its layout and appearance. Place it in the intended sidebar, page, or navigation area with the appropriate widget, block, or shortcode, then review it on the relevant device layouts.