Jeffrey Carandang

<p><strong>WordPress Mobile Menu Builder</strong> plugin is specially designed for mobiles. It is easy to use, customizable, and is highly flexible. It allows you to create a responsive menu that will boost the mobile user experience in your website through providing a simplified mobile navigation experience.</p>
<p><strong>Note that this plugin is currently on beta. Thanks!</strong></p>
<h3>A Short Preview on How the Plugin Works</h3>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/302380198" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>WordPress Mobile Menu Builder: Better Mobile Navigation Experience</h3>
<p>WordPress Mobile Menu Builder allows users to easily navigate your website without compromising the loading time. Up to four main menu options can be set to simplify the mobile navigation of this responsive menu. Compatibility is not an issue since this WordPress mobile menu is designed to fit perfectly to any mobile screen dimension.</p>
<p>With this WordPress menu, you can work on a predesigned mobile menu theme and modify it according to your design preference. You can change the font, icon, and background styles and colors to perfectly match your website’s brand. This is applicable to any WordPress theme. Thus, plugin compatibility issue is never a problem.</p>
<h3>Specially designed for mobiles</h3>
<p>WordPress Mobile Menu Builder is particularly designed to perfectly match the interface of any mobile phone. This provides a better user experience since it is exclusively designed for mobile.</p>
<h3>Ease of modification</h3>
<p>Easily set the menu’s texts and icons based on the menu options that you want to feature in your site. You can choose to highlight important portions of your blog such as Home, Blog, Contact details, and main website menu. With this responsive menu, you have the complete control to choose whatever you want to display as menus depending on your website’s need.</p>
<h3>Easily match the style of your website brand</h3>
<p>Since you have the full control over the styling options, it will be easier for you to match the mobile menu design based on your website’s brand and style. You can easily modify the menu bar’s design to make it complementary to your website’s design and layout.</p>
<h3>Change menu bar placement</h3>
<p>The menu bar’s default position is at the bottom of the screen to make it easier for the user’s thumb to reach the menu options. But you can also place the menu bar at the top position if you want to mimic the placement of menu in desktop view.</p>
<h3>On User Scroll Animation</h3>
<p>You have the option to fix the menu bar or turn on the user scroll animation. Turning the user scroll animation on lets you hide and show the menu bar upon scrolling. This will help increase the screen space and maximize the user’s mobile view.</p>
<h3>Show more navigation options through a Popup menu</h3>
<p>The WordPress Mobile Menu Builder allows you to create an icon for pop-up contents where you can include more navigation options. You can integrate your existing widgets as selections to choose from. This WordPress menu is already widget-ready so can include as many as existing widgets as you like.</p>
<h3>Fast and optimized mobile experience</h3>
<p>WordPress mobile menu can be enabled without compromising your website’s performance on mobile.</p>
<p><em>Want to experience customizing your own WordPress Mobile Menu? Install the plugin now to give your users a great mobile experience by giving them the ease of navigating your website!</em></p>
<p><strong>More information</strong></p>
<ul>
<li>Follow the developer <a href="https://twitter.com/phpbits" rel="nofollow ugc">@Twitter</a></li>
<li>Visit <a href="https://menubuilderwp.com/" rel="nofollow ugc">Main Website</a></li>
</ul>


Mobile Menu Builder for WordPress

WordPress Mobile Menu Builder plugin is specially designed for mobiles. It is easy to use, customizable, and is highly flexible.

Themeisle

WPShout

<p>This plugin gives you the ability to add icons to your menu items, similar to the look of the latest dashboard menu.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YcSotWXIczI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Usage</h4>
<ol>
<li>After the plugin is activated, go to <em>Appearance</em> > <em>Menus</em> to edit your menus</li>
<li>Enable/Disable icon types in “Menu Icons Settings” meta box</li>
<li>Set default settings for current nav menu; these settings will be inherited by the newly added menu items</li>
<li>Select icon by clicking on the “Select icon” link</li>
<li>Save the menu</li>
</ol>
<h4>Supported icon types</h4>
<ul>
<li>Dashicons (WordPress core icons)</li>
<li><a href="http://shoestrap.org/downloads/elusive-icons-webfont/" rel="nofollow ugc">Elusive Icons</a> by <a href="http://shoestrap.org/blog/author/aristath/" rel="nofollow ugc">Aristeides Stathopoulos</a></li>
<li><a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome</a> by <a href="http://twitter.com/davegandy" rel="nofollow ugc">Dave Gandy</a></li>
<li><a href="http://zurb.com/playground/foundation-icon-fonts-3/" rel="nofollow ugc">Foundation Icons</a> by <a href="http://zurb.com/" rel="nofollow ugc">Zurb</a></li>
<li><a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> by <a href="http://automattic.com/" rel="nofollow ugc">Automattic</a></li>
<li><a href="http://fontello.com/" rel="nofollow ugc">Fontello</a> icon packs</li>
<li><a href="http://themeisle.com/free-icons/" rel="nofollow ugc">TI Icons</a> icon pack by <a href="http://twitter.com/themeisle" rel="nofollow ugc">ThemeIsle</a></li>
<li>Image (attachments)</li>
<li>SVG (attachments)</li>
</ul>
<h4>Planned supported icon types</h4>
<ul>
<li>Image (URL)</li>
</ul>
<h4>Compatible themes</h4>
<p>Menu icons works with most of the themes out there, especially with popular ones like Twenty Seventeen or <a href="https://themeisle.com/themes/hestia/" rel="nofollow ugc">Hestia</a>.</p>
<p>Development of this plugin is done on <a href="https://github.com/codeinwp/wp-menu-icons" rel="nofollow ugc">GitHub</a>. <strong>Pull requests welcome</strong>. Please see <a href="https://github.com/codeinwp/wp-menu-icons/issues" rel="nofollow ugc">issues reported</a> there before going to the plugin forum.</p>
<h3>If you like this plugin, then consider checking out our other projects:</h3>
<p><a href="https://www.codeinwp.com/blog/" rel="nofollow ugc">CodeinWP Blog</a> – Designer’s Guide To WordPress<br />
<a href="https://revive.social" rel="nofollow ugc">Revive.Social</a> – Social Media Tools<br />
<a href="https://justfreethemes.com" rel="nofollow ugc">JustFreeThemes</a> – Free WordPress Themes directory</p>


Menu Icons by Themeisle – Add Icons to Navigation Menus

Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. Style menu items with custom colors & sizes.

Mobile Menu Builder for WordPress vs Menu Icons by Themeisle – Add Icons to Navigation Menus