inCOD Optimized Mobile Menu

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:

1. Open Mobile Menu Settings to configure:
   • Info button URL and phone number
   • All color options
   • Submenu arrow icon library and type
2. The menu will automatically appear on mobile devices when the menu is selected
3. 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.