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
.pottemplate, 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-menufolder 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.
Contributors
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:
.pottranslation 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