WPB Accordion Menu Pro turns multi-level WordPress navigation into expandable sections. Visitors open a parent item to see its children, so long hierarchies do not need to appear all at once. This approach suits sites with pages, posts, categories, products, or subcategories to organize in limited sidebar space.

Choose the content and layout

Build accordion menus from standard navigation menus, custom taxonomies, and hierarchical posts. Standard menus can be converted into collapsible sections, and custom taxonomies can appear in the same format. For WooCommerce, show product categories and subcategories in expandable lists on shop, category, and product pages.

Use a sidebar or vertical menu within the page layout. Responsive mobile, hamburger, and off-canvas formats provide other ways to present navigation on desktop, tablet, and mobile screens. Visitors can expand the category or menu branch they need.

Place and style menus

Add menus with an Elementor widget, Gutenberg block, classic WordPress widget, or shortcode. Shortcodes can be used in pages, posts, widget areas, and Divi layouts. Multiple accordion menus can appear in different areas of a website.

Adjust colors, fonts, and icons without writing code, then review changes in the real-time preview. Keyboard users can navigate accordion entries with Tab and Arrow keys.

Set up the navigation

1. Choose the pages, posts, categories, products, or subcategories to display.
2. Create an accordion menu and select a sidebar, vertical, mobile, or off-canvas layout.
3. Adjust its colors, fonts, and icons, then review the menu in the real-time preview.
4. Place the menu in the intended sidebar, page, or navigation area and check its responsive presentation on relevant screen sizes.