Divi theme has lots of awesome features but one of the features that it lacks is the ability to customize the mobile menu without diving into custom coding. The Mobile Menu Customizer plugin lets you style the Divi mobile menu via Theme Customizer with live preview. Just upload and activate it, then go to Theme Customizer and start styling the mobile menu, as simple as that!
Mobile Menu Customizer plugin has been highlighted on Elegant Themes Blog -> Read More
Some of the great features offered by this plugin are:
- Assign a different menu for mobile devices
- Prevent the secondary menu items from being added to mobile menu
- Mobile Menu Item Icons watch on YouTube
- Mobile Menu Background Image
- Type any text besides the mobile menu hamburger icon (e.g. “Menu”)
- 10 New Menu Animations watch on YouTube
- Menu Gradients watch on YouTube
- Enable search icon for Centered and Centered Inline Logo headers
- Automatic update notifications with one-click updates via WordPress Dashboard
- Making mobile menu fullwidth
- Making mobile menu fixed
- Collapse submenus (parent menu item url remains clickable)
- Submenu Accordion feature
- 10 New Submenu Animations
- Aligning menu link text
- Adjusting menu item height
- Applying menu shadow
And lots of other controls to play with colors, borders, text sizes, margins, paddings, etc. of the mobile menu.
Mobile Menu Customizer plugin lets you style the mobile menu independently from desktop menu; all its settings will take effect only on the mobile menu (Tablet &; Phone). It supports all 5 header formats of Divi Default, Centered, Centered Inline Logo, Slide-In and Fullscreen, but current version of the plugin focuses more on the Default, Centered and Centered Inline Logo header formats which means that not all of the features are available for Slide-In and Fullscreen header formats. Also some of the features are not applicable to all header formats, e.g menu shadow, which is not available for the Fullscreen header format but available for other header formats.
IMPORTANT: The Mobile Menu Customizer plugin does not support the Menu Module which is used to create headers with Divi Theme Builder.
Please make sure that there is no custom code applied to the mobile menu of your site which could potentially conflict with the Mobile Menu Customizer plugin. This plugin works best with default mobile menu of Divi.
Other Divi plugins by Ivan Chi
- v2.7.8 (02.12.2021)
-- Fix: the items of the cloned mobile menu were clickable in certain situations causing unexpected redirection to a different page.
- v2.7.7 (22.04.2021)
-- Fix: fixed the "Make Parent Item Clickable" setting not taking effect if the parent item URL contained an anchor.
- v2.7.6 (15.03.2021)
-- Improvement: updated the plugin updater to the latest version.
-- Fix: fixed the menu duplication issue occurring in some rare situations.
- v2.7.5 (13.12.2020)
-- Improvement: compatibility with WP v5.6.
- v2.7.4 (30.11.2019)
-- Fix: fixed the search bar alignment and opacity issues for the Centered and Centered Inline Logo header formats.
- v2.7.3 (19.11.2019)
-- Improvement: to prevent confusion the MMC plugin settings panel will now disappear if the page being viewed is assigned a Theme Builder header.
- v2.7.2 (22.10.2019)
-- Fix: fixed the issue with the MMC menu icons feature affecting the Menu Module items too.
-- Fix: applied fix for the menu hamburger icon alignment issue introduced with Divi v4.0 .
-- Change: renamed the Top Bar BG Color option to Secondary Menu BG Color(in Menu Settings section) to better reflect its purpose.
- v2.7.1 (11.09.2019)
-- Fix: fixed the error preventing the dropdown menu from closing after clicking the menu anchor link.
- v2.7 (05.09.2019)
-- Plugin rewritten from scratch.
-- New: Plugin is now translation ready.
-- Optimized the CSS output.
-- Minor UI improvement: control descriptions are hidden by default now and can be opened/closed by hovering over the control and clicking the help icon.
-- Fix: fixed the menu items padding issue when the icons feature enabled.
-- Fix: fixed the range control width issue.
-- Fix: fixed the menu search form width for the Centered Inline Logo header format.
- v2.6.7 (28.03.2019)
-- Improvement: updated the plugin updater to the latest version
- v2.6.6 (05.03.2019)
-- Fix: fixed the menu items icons not showing after save
-- Fix: fixed the menu items list not being displayed for icon selection
-- Fix: fixed the secondary menu items multiple cloning issue
- v2.6.5 (04.03.2019)
-- Fix: fixed the "undefined property error" thrown when the menu was not assigned
- v2.6.4 (13.11.2018)
-- Fix: fixed the issue with settings default values not being applied correctly in some cases
- v2.6.3 (31.08.2018)
-- Improvement: improved compatibility with third party plugins
- v2.6.2 (01.08.2018)
-- Fix: fixed a bug preventing the MMC plugin from correctly detecting that the active theme is Divi
-- Fix: fixed the Warning: A non-numeric value encountered
- v2.6.1 (17.07.2018)
-- Fix: fixed a php error occuring in certain cases
- v2.6 (21.04.2018)
-- New: added support for Divi Layouts.
Now you can create your mobile menu layouts in Divi Builder and add these layouts from Divi Library to mobile menu.
Works for the "MMC Mobile Menu" location menus and is available for the Default, Centered and Centered Inline Logo header formats.
- v2.5.1 (19.04.2018)
-- Improvement: enabled menu item icons feature for the menu assigned to the "MMC Mobile Menu" location
-- Fix: fixed an issue with the menu items customization causing a JS error in Theme Customizer
- v2.5 (17.04.2018)
-- New feature: added a new menu location(MMC Mobile Menu) allowing you to use a different menu for mobile devices
-- New feature: prevent the secondary menu items from being added to the mobile menu or move them above the main menu items
- v2.4 (01.04.2018)
-- New feature: added the Accordion feature allowing to have only one submenu opened at a time
-- New feature: added Submenu Animation feature(including No Animation option as well)
-- New feature: added Submenu Animation Duration option
- v2.3.2 (28.03.2018)
-- Fix: fixed a bug causing the default dropdown animation not work as expected
-- Improvement: minor codebase improvements
- v2.3.1 (27.03.2018)
-- Fix: fixed CSS issue affecting alignment of the search icon on desktop menu
- v2.3 (14.03.2018)
-- New feature: making the parent item of collapsed submenu clickable is now optional
-- New feature: added set of controls to customize the parent menu item arrow to make it more visible (select icon, colors, size, etc.)
- v2.2.1 (05.02.2018)
-- Improvement: parent menu item of collapsed submenu is now clickable (for Default, Centered and Centered Inline Logo header formats)
- v2.2 (25.12.2017)
-- New feature: added a control for making fixed dropdown menu scrollable(allows you to remove scrollbar if your fixed menu doesn't need to be scrollable)
-- New feature: added a control for enabling fullwidth menu on tablet screens too (<=980px)
-- Improvement: improved fullwidth menu feature for phone screens (<=479px)
-- Improvement: multi-input controls now have the "reset to default" functionality
-- Improvement: increased ranges for dropdown menu top offset control and shadow controls for more flexibility
-- Improvement: various code optimisations
-- Misc: renamed plugin name appearing on Plugins page to "Divi Mobile Menu Customizer" for consistency with other plugins
-- Misc: updated plugin Customizer settings panel color scheme for consistency with other plugins
-- Fix: fixed page content padding-top issue occuring when fixed mobile header is used with non-fixed transparent desktop header
-- Fix: fixed z-index issue with menu search form enabled on mobile for Centered and Centered Inline Logo headers
- v2.1.2 (14.11.2017)
-- Fixed multiple logo container creation issue occuring on window resize for Centered Inline Logo header format.
- v2.1.1 (30.10.2017)
-- Fixed automatic updates issue.
- v2.1 (18.10.2017)
-- New Feature: Added an option to enable search icon for Centered and Centered Inline Logo header formats which also allows
to enable/disable search icon on mobile for Default header too.
- v2.0.5 (13.10.2017)
-- Improved compatibility with other third party plugins.
-- Fixed a bug which caused wrong calculation of desktop header top offset in certain cases.
- v2.0.4 (07.10.2017)
-- Fixed an issue where header was overlaping the page content occuring in some cases with disabled fixed navigation.
- v2.0.3 (28.09.2017)
-- Fixed minor conflict issues with the Fullwidth Menu Module.
- v2.0.2 (25.08.2017)
-- Fixed menu bar top offset issue for non-fixed mobile menu.
- v2.0.1 (24.08.2017)
-- Fixed wrong calculation of top offset causing issue with scrolling to anchor when fixed mobile menu enabled.
- v2.0 (12.08.2017) - The biggest update so far!
-- New Feature: Added set of controls for adding the Background Image to mobile menu.
-- New Feature: Added set of controls for adding the menu item icons.
-- New Feature: Added the Background Clip control to menu gradient feature.
-- Replaced the "Menu Item Height" control with the "Menu Item Padding" control.
-- Optimized CSS output.
-- Implemented various codebase improvements.
- v1.4.1 (07.07.2017)
-- Fixed top offset issue for fixed mobile menu.
- v1.4 (19.06.2017)
-- Added Menu Header Settings section including options to add text besides the hamburger icon (ie "Menu"), select the menu icon format (with or without text),
use "X" icon for closing menu, etc.
- v1.3.2 (05.06.2017)
-- Improved support for vertical navigation. Fixed header and content top offset and top navigation padding-top issue occuring when vertical navigation enabled.
- v1.3.1 (02.05.2017)
-- Fixed conflicts with the Fullwidth Menu Module.
- v1.3 (31.03.2017)
-- Added 10 new mobile menu animations for the Default, Centered and Centered Inline Logo header formats.
-- Fixed fullwidth menu issue in IE.
- v1.2.1 (20.03.2017)
-- Fixed issue with dropdown menu not closing on menu item click.
-- Fixed issue with scrolling to anchor where fixed menu header was overlaping section content on scroll end - an important improvement especially for one-page sites.
- v1.2 (07.03.2017)
-- Added gradients feature for menu header and the menu. This feature is available for all 5 header formats of Divi.
- v1.1 (02.03.2017)
-- Improved fixed mobile menu feature by making long mobile menu scrollable, now you can apply fixed menu feature even if your mobile menu does not fit into mobile screen, users will be able to scroll the menu.
-- Added a new control for adjusting fixed mobile menu max-height, this control shows up as soon as you apply the fixed state to menu lets and you change the max-height of fixed menu.
- v1.0 (23.02.2017)
-- Initial Release
Checkout the documentation first and if you still need help open a support ticket.View Docs
- You may install this product on the number of websites that you build for yourself or your clients according to purchase.
- You are not allowed to resell or redistribute the plugin in any form or by any means without prior written permission of the author. We kindly ask you to respect developer’s work.
- By purchasing the Mobile Menu Customizer plugin for Divi you receive 1 year of updates and support. Premium support charges may be incurred after this period.
Please be aware that you will need an amount of experience in Divi Theme and WordPress to take advantage of our themes and plugins.
Please make your decision to purchase based on your skill level to see if our products fit your needs. Due to the nature of Digital Downloads, Refunds are not possible – please ensure that the product you are buying will do the job you want it too.
All support for products is handled by Vendors and contact details will be included in the download packages. If contact details are not found within the files, please do contact us and we will be happy to put you in touch with the vendor concerned.
*Support is provided by vendors directly.
Please login to access the support form. you can do so here