Accordion Menu Widget for Elementor
Enhance your Elementor website with the Accordion Menu widget. It integrates with the WordPress menu system, allowing you to easily create interactive accordion menus.





Multi-Level Menu
Create Deep, Organized Multi-Level Menus

Custom Expand Collapse Icons
Choose Your Own Expand & Collapse Icons Easily

Auto-Collapse Accordion
Keep Navigation Clean with Auto-Close Options
Menu Settings
Build the Perfect Accordion Menu
Unlock a world of possibilities as you explore the versatile settings to create an amazing Accordion Menu.
Menu Depth
Set the number of visible sub-menu levels (up to 3).
Select Menu
Select any Menu from the WordPress Menus.
Show Arrows for Parents
Display indicators for menu items with sub-items.
Clickable Parent Items
Decide if parent items are clickable or just indicators.
Start Closed Always
Enable “Start Closed Always” items to hide sub-items initially.
Close Others on Open
Enable “Close Others on Open” option to close other items when open.
Accordion Menu Widget Frequently Asked Questions
The Accordion Menu Widget allows you to create interactive menus on your Elementor website. It is fully compatible with the WordPress menu system and includes expand and collapse functionality for the submenu items. It helps save space on websites with many links or categories by displaying them in a compact, organized manner. This widget is ideal for creating clean, mobile-friendly navigation systems.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search for “Accordion Menu” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Accordion Menu” widget to any Elementor page.
Yes, the Accordion Menu widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
Absolutely! You can use any WordPress menu with the Accordion Menu Widget to display it in a visually appealing way.
You can easily customize the depth of sub-menus in Elementor by adjusting the ‘ Maximum Depth’ setting, which allows you to control how many levels of sub-menus are displayed, up to three levels.
Enable the “Show Expand Collapse Icon” (Pro) setting in Elementor to display indicators for menu items that have sub-items, providing a clear and intuitive navigation experience for users.
Yes, you can choose any icon from the Font Awesome icon library by pasting the Unicode from the Font Awesome website, or you can also use a custom image if needed.
Using the Accordion Menu widget is simple. Drag and drop the widget into your Elementor page, add your menu items, and customize the layout, style, and functionality. You can choose how the menu expands, adjust item text, icons, and more. Check out our documentation for a detailed guide.