Divi Collapsible Mobile Menu
WordPress Plugin to convert the Divi's mobile menu into a collapsible menu
by Eduard Ungureanu · github.com/eduard-un/divi-collapsible · website
★ 6stars
1forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/eduard-un/divi-collapsible/archive/refs/heads/main.zipA lightweight WordPress plugin that transforms the default Divi mobile menu into a collapsible menu with enhanced functionality and accessibility.
Features
- Converts Divi's mobile menu into a collapsible menu structure
- Preserves parent menu item links while adding toggle functionality
- Clean, minimalist code with no configuration needed
- Proper asset loading with enqueued styles and scripts
- Accessibility improvements with ARIA attributes and keyboard navigation
- Compatible with Divi theme and Divi Builder
- Ultra-lightweight and optimized for performance
Installation
- Download the plugin files
- Upload the zip file to your WordPress website via Plugins > Add New > Upload Plugin
- Activate the plugin
- No configuration needed - works automatically with Divi theme
How It Works
The plugin adds toggle buttons to menu items that have children. When a user clicks the toggle button:
- The submenu will expand/collapse with a smooth animation
- The toggle icon changes between plus (+) and minus (-) icons
- The parent menu item link remains clickable
Technical Details
This plugin uses a minimalist approach for maximum performance:
- Simple, efficient code structure
- Properly enqueued CSS and JS files
- Conditional loading only when Divi theme is active
- No admin settings or configuration needed
- Accessibility improvements for keyboard navigation
Browser Compatibility
- Chrome, Firefox, Safari, Edge (latest versions)
- Mobile browsers on iOS and Android
Support
For support or feature requests, please visit https://divi.tech