inCOD Optimized Mobile Menu for WordPress

Turn the default WordPress mobile menu into a full-screen overlay: 11 customizable colors, contact buttons, icon libraries and a live preview — with zero external requests.

Explore Features WordPress.org

What Optimized Mobile Menu Can Do

Everything you need to design a professional mobile navigation, configured from a single dashboard.

Color settings panel with 11 color pickers
Color Settings

11 Colors, Total Control

Every element of the overlay is driven by your palette. Pick the colors once and the whole menu follows, applied through CSS custom properties.

  • Menu background and link colors (normal + hover)
  • Info button: background, hover and text color
  • Call button: background, hover and text color
  • Hamburger and close (X) icon colors
Shortcode tab with the incod_mobile_menu shortcode
Shortcode

One Shortcode, Every Builder

Assign the dedicated menu location or drop the shortcode wherever you need it — the overlay markup and styles come with it.

  • [incod_mobile_menu] with a one-click copy button
  • Gutenberg Shortcode block, Classic Editor text mode
  • Elementor HTML widget, Divi code module, WPBakery
  • Works in widgets and template files too
Contact settings for info URL and phone number
Contact Settings

Info and Call, One Tap Away

Turn the bottom of the overlay into a conversion area: visitors can write to you or call you without ever closing the menu.

  • Info URL powering the “Request information” button
  • Phone number generating a native tel: link
  • Enable one button or both, independently
  • Each button styled with its own colors
Live preview of the mobile menu overlay
Live Preview

See It Before You Save

The settings panel renders your menu in real time, so you can check contrast and icon visibility against the actual background.

  • Preview stage with your current background color
  • Open / close state toggle in one click
  • Hamburger, close icon and arrow rendered together
  • No more save-and-refresh loop

Why Optimized Mobile Menu

Built for agencies and site owners who want a premium mobile navigation without bloated page-builder menus.

Full-Screen Overlay

Assign the menu to the dedicated location and the overlay replaces the default mobile menu on the frontend.

11-Color Dashboard

Background, links, hover states, both buttons and both icons — every color is editable, none is hardcoded.

3 Icon Libraries

Font Awesome (bundled), Line Icons rendered as inline SVG, or plain HTML / Unicode symbols for submenu arrows.

Custom Hamburger

Upload your own PNG, JPG, GIF or SVG icon and set its size from 12 to 96 px — the close icon scales with it.

No External Requests

Font Awesome is bundled inside the plugin: nothing is loaded from a CDN, so privacy and speed are preserved.

Sliding Submenus

Nested items open as sliding panels with a back button, following the exact structure of your WordPress menu.

Lightweight & Fast

One stylesheet and one script on the frontend, no external fonts and no render-blocking dependencies.

Translation Ready

Fully internationalized with English source strings and a bundled .pot template for language packs.

WordPress.org Ready

GPL-2.0+, sanitised inputs, escaped output, PRG on save. WordPress 5.7+ and PHP 7.4+.

Frequently Asked Questions

Everything you need to know about inCOD Optimized Mobile Menu.

Create or edit a menu, then select Mobile Menu (incod) in the Menu Settings column. The plugin renders its own hamburger and full-screen overlay on mobile, using the exact hierarchy of that menu.

Yes. There are 11 color settings — background, links and hover, Info button, Call button, hamburger and close icons — plus a live preview that shows them together before you save.

Three options: Font Awesome (bundled with the plugin), Line Icons rendered as inline SVG that inherits the link color, and HTML / Unicode symbols where you can enter any entity or even inline SVG markup.

No. Font Awesome Free is bundled inside assets/fonts/, and the plugin ships its own CSS and JS. No CDN calls, no external fonts and no tracking of any kind.

Enter an Info URL and a Phone number in the Contact Settings tab. The first renders a “Request information” button linking to your page, the second renders a button that triggers the native dialer through a tel: link. You can enable one or both.

Yes. Paste [incod_mobile_menu] with the Classic Editor (Text mode), Elementor HTML widget, Divi Code module, WPBakery Text element, or the Gutenberg Shortcode block — it also works inside widgets.

Yes. Every user-facing string uses the incod-optimized-mobile-menu text domain and a .pot template is included, ready for translate.wordpress.org language packs.

WordPress 5.7 or newer and PHP 7.4 or newer. The plugin is licensed under GPL-2.0+ and follows the WordPress.org plugin guidelines.