The “Accordion Menu Widget” allows you to create interactive and collapsible menus for free in WordPress Elementor websites. This widget enhances site navigation by organizing menu items into expandable sections, making it easier for users to browse content efficiently. You can customize icons, animations, colors, and styling to seamlessly match your site’s design.
Let’s explore the features of the “Accordion Menu Widget” below.
Elementor Accordion Menu Tutorial Video
Add a Free Accordion Menu to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Accordion Menu”
- Hover over the widget in the search results and click install
- Add your “Accordion Menu” widget to any Elementor Page
General Settings in Elementor Accordion Menu
Select Menu
Select the menu you want to display.
Max Depth
Select the menu depth you want to display
- All Depths
- 1
- 2
- 3
Show Expand Collapse Icon (Pro)
Show/Hide the expand collapse icon.
Icon Position
Set the icon position.
- Start (Pro)
- End
Item Collapsed
Choose the item collapsed icon
- Right Arrow
- Left Arrow
- Down Arrow
- Up Arrow
- Plus
- Minus
- Custom Image
- Font Awesome
- Unicode
Item Expanded
Choose the item expanded icon
- Right Arrow (Pro)
- Left Arrow (Pro)
- Down Arrow (Pro)
- Up Arrow (Pro)
- Plus
- Minus
- Custom Image
- Font Awesome
- Unicode
Show Menu Title
Show/Hide the menu title text.
Menu Title
Type custom text for menu title.
Close Others on Open (Pro)
Choosing yes will close other expanded menus on expanding any menu.
Clickable Parent Items (Pro)
By choosing yes, it will make the parent menu item clickable.
Start Closed Always (Pro)
By enabling this, it will always start the menu items closed.
Elementor Accordion Menu Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
General Styling in Elementor Accordion Menu
Set the background color, image or video and alignment of the menu.
Menu Title Styling in Elementor Accordion Menu
Set the typography, padding, background color, text color, border, and alignment of the menu title.
Menu Items Styling in Elementor Accordion Menu
You can set the padding, background color, typography, text color, margin, and border of the menu items.
Menu Sub Items Styling in Elementor Accordion Menu
Style the typography, padding, background, color, etc. of the menu sub-items.
Menu Sub Sub Items Styling in Elementor Accordion Menu
Style the typography, padding, background, color, etc. of the menu sub-sub-items.
Menu Item Active Styling in Elementor Accordion Menu
In this section, you can style the background color and text color of the active menu items.
Menu Sub Item Active Styling in Elementor Accordion Menu
In this section, you can style the background color and text color of the active sub menu items.
Usage Examples of Elementor Accordion Menu
Here are some live use cases for the Accordion Menu.
Free Elementor Accordion Menu with Sub Menu Items.
Thank you for using the Accordion Menu Widget for Elementor! With its space-saving design and smooth transitions, this is the best Accordion Menu Widget for Elementor, perfect for creating organized and user-friendly navigation menus. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.