Description

Transform the standard WordPress mobile menu into a fully customizable overlay menu with advanced customization options. Perfect for creating a professional mobile experience.

Features

Mobile Menu Overlay: Activate and override the standard WP menu when selected in WP Admin > Appearance > Menus
Contact Button Management: Configure URL and phone number for “Info” and “Call” buttons
Color Customization:
- Menu background color
- Link colors (normal and hover)
- Button colors for “Info” and “Call” buttons (normal and hover)
- Hamburger menu icon color
- Close (X) icon color
Icon Library Options: Choose from Font Awesome, Line Icons, or HTML symbols for submenu arrows
Tabbed Dashboard: Settings are split into Color Settings, Contact Settings, Icon Settings and Shortcode tabs
Hamburger icon size: Choose the width/height of the hamburger and close icons (12 – 96 px)
Live preview: Check icon colours and visibility against the menu background before saving
No external requests: Font Awesome Free is bundled with the plugin (no CDN calls)
Responsive Design: Fully responsive, works on all screen sizes
Wp.org Ready: Compliant with WordPress plugin directory guidelines
Translations: Fully internationalized (i18n) with English source strings and a .pot template, ready for translate.wordpress.org language packs

Third-party assets

Font Awesome Free 6.5.2 (icons, webfont and CSS), bundled in assets/fonts/fontawesome/.
Icons: CC BY 4.0 – Font: SIL OFL 1.1 – Code: MIT – https://fontawesome.com/license/free

Usage

After activation and assigning a menu:

Open Mobile Menu Settings to configure:
- Info button URL and phone number
- All color options
- Submenu arrow icon library and type
The menu will automatically appear on mobile devices when the menu is selected
The menu overlay will replace the default mobile menu on the front-end

Customization

All colors and settings are managed from the dashboard:
* Menu background: Customize the dark theme overlay
* Links: Set primary link colors and hover states
* Buttons: Configure Info and Call button styles
* Icons: Choose icon fonts or HTML symbols for arrows

Support

For support, please visit the plugin’s support page at the author’s website.

Screenshots

Installation

Upload the incod-optimized-mobile-menu folder to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Go to “Appearance > Menus” and add a new menu or edit an existing one.
Select “Mobile Menu” in the “Menu Settings” column to assign this menu.
Configure settings via “Mobile Menu Settings” in the WordPress admin.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“inCOD Optimized Mobile Menu” is open source software. The following people have contributed to this plugin.

Translate “inCOD Optimized Mobile Menu” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.0

Settings dashboard split into 4 tabs: Color Settings, Contact Settings, Icon Settings, Shortcode
Fix: close (X) icon was rendered as an invisible coloured square (generic span background)
Fix: close icon colour now applies
Fix: selected icon library is preserved when saving
Fix: submenu arrows are visible: Font Awesome is bundled locally, Line Icons render as inline SVG, HTML symbols are respected
Fix: uploaded hamburger icon URL is no longer dropped on save
Add: hamburger icon size setting (12 – 96 px), close icon scales with it
Add: live preview of colours and icons
Add: Post/Redirect/Get on save, settings merge, input sanitisation
Security: removed PHP from the admin JavaScript file, whitelisted icon library, strict output escaping
Add: .pot translation template, English source strings everywhere

1.1.0

Settings panel with customisable colours, contact buttons and icons
Hamburger and close icon colour options

1.0.0

Initial release
Mobile menu overlay functionality
Color customization options
Contact button management
Multiple icon library support