Morph: Flyout Cellular Menu for WordPress

Even As designed primarily as a cellular menu, Morph works splendidly on both personal computer and contact devices and can be set to be proven at specific resolutions only, meaning – in case you so want – it might probably easily be used as a mobile-most effective or desktop-best menu.

Morph may be extremely easy to customise; via changing colors, permitting/disabling and modifying other elements, you'll be able to be certain that your menu suits your website. It even helps widgets, making it that a lot more expandable. you'll be able to also slide it in from either the left or proper facet of the display.

Furthermore, the flyout menu will also be precipitated via any component (a customized menu button for example). All you have to do is upload a selected class to the component and voila! For circumstances equivalent to this, Morph’s personal menu button may also be hidden with a unmarried click.

To get a visual of what’s imaginable, make sure that to have a glance on the details beneath. and certainly don’t miss the are living instance right here to see the menu in action. you'll see more examples at the demo websites for considered one of our mobile themes right here.

It’s all in the main points

Underneath, you’ll see the huge customizability of Morph brought out in detail. Each customizable part is displayed and defined in complete. And remember that, with the actual-time Reside Customizer integration, making changes as you spot fit is effortless.

Header bar

The header bar holds Morph’s menu button and brand locations. choose between a couple of menu button types and animations, upload a menu button label, arrange a logo, customise colours, opacity etc.

Have a look on the image beneath to get aware of the entire possibilities:

Heading area

The heading space allows you to present some serious character to your Morph flyout menu. Customise its top, overlay colour and opacity, add a background symbol or pattern, insert heading and sub-heading texts with any data, and customize the colour and thickness of its backside border. you'll be able to also arrange an non-compulsory secondary menu. Or you'll be able to disguise all the house and the whole thing in it.

the image below lays out the entire probabilities:

Multi-level accordion menu and widgets

The backbone of Morph is after all its flyout menu which, like the whole thing else within the plugin, is immensely customizable; create a multi-degree accordion menu, add icons and descriptions to menu items, amendment any and all colours. There’s even a widget area which allows you to wildly extend its makes use of; upload a mailing list signup shape, a decision to motion button, absolutely anything you need.

as well as, you'll be able to display Morph on particular resolutions best, there are choices to cover your subject matter menu/logo/search and so on. via IDs/classes while Morph is being displayed, and customise the colour and opacity of the overlay which is displayed whilst the flyout menu is open.

once more, please clutch all the details from the picture under:

70+ customizable settings

the straightforward-to-use Are Living Customizer permits you to set up and alter Morph temporarily and preview your changes in real-time. all the settings are logically classified, organized and well explained, which means making changes and putting in Morph exactly as you want is an absolute breeze.

Options

• Super clean, beautifully lively layout
• Extremely customizable
• Morph makes use of the constructed-in WordPress menu builder and customization tools, making the plugin light-weight and allows you to make use of tools already acquainted to you
• Slide in menu from either left or right side
• choose from a couple of menu button styles and animations
• Upload label to menu button
• All buttons have common and skinny permutations
• Add emblem as textual content or upload brand symbol (retina make stronger)
• Number One, multi-level accordion menu
• Add menu descriptions to multi-level menu
• Secondary pop-out menu (can also be disabled)
• Built-In search function (will also be disabled)
• Upload heading heritage image or development, change image area peak
• Set heading historical past overlay color and opacity
• Customize flyout pace and width
• make a choice from 2 menu button animations (or disable animation)
• Menu button has fixed/absolute positioning
• Display/disguise Morph at set resolutions
• Disguise your theme menu whilst Morph is energetic (via elegance/IDENTITY)
• Optionally disable retina and scrollbar scripts
• Optionally make the flyout all the time visible

Changelog

UPDATE 2.1 (October 03, 2016) - Redesigned the default menu button - A menu button label can now be brought (customise label textual content, color, hover color) - Introduced possibility for skinny button diversifications (applied to menu buttons, seek buttons/field, submenu arrows) - Up To Date retina.js inclusion - Added solution to disable retina reinforce (useful in the event you're now not the use of an emblem symbol or no longer the use of retina images) - Added strategy to disable the fancy scrollbar (useful if you want the browser's own scrollbar on desktop) REPLACE 2.0 (July 12, 2016) - Customization options at the moment are situated within the WordPress Live Customizer for convenient actual-time modifying - Introduced emblem location and a header bar --- Use textual content or upload brand image (retina symbol make stronger incorporated) --- Customize emblem textual content color and hover colour --- Customize the header bar color and opacity (for see-through impact) --- Optionally permit refined shadow underneath the header bar --- Emblem place switches from left to right dependent on chosen menu flyout place --- Optionally hide emblem and header bar - Added option to cover your theme's menu, emblem, seek and so on. via class/IDENTIFICATION - you'll now set a customized velocity for the flyout (helpful to mix in completely along with your topic's animations) - Descriptions can now be brought to menu items --- Color customise descriptions separately from menu items - Secondary menu now supports icons in addition - Accordion menu's sub-menu arrows now animate fantastically - Introduced border under heading symbol --- Customize colour and thickness (optionally conceal) - you'll now customize the width of the flyout menu (if set size is just too massive for cellular monitors, it's going to routinely size down) --- Brought at all times-visible surroundings for the flyout menu UPDATE 1.4 (Would Possibly SIXTEEN, 2016) - Menu can now be situated to seem from both the left or the appropriate aspect - Updated icon set to up to date version UPDATE 1.3 (April 1, 2016) - Delivered choice to use full most sensible-level menu merchandise (text + arrow icon) to open sub-menus, in preference to just the arrow icon UPDATE 1.2 (December 21, 2015) - added two new menu button kinds - brought method to regulate menu button animation velocity REPLACE 1.1 (March 12, 2015) - Menu now supports the FontAwesome icon set (500+ icons available, please take a look at up to date documentation for directions) - Icons can also be colour customized separately from textual content-based menu pieces - Additionally brought an strategy to save you FontAwesome from loading (in case your theme already makes use of this wildly common icon set or you simply don't want to use the icons on your menu)

Shoppers love Bonfire Topics!

As all the time, you can rely on our make stronger will have to you wish to have it. if you happen to’re an current purchaser and feature spoken to us up to now, then you definitely already recognise what that suggests. should you’re a primary time purchaser, then this is just a taste of what our shoppers need to say approximately Bonfire Topics:

• “Great products, matched by great customer support.”
• “A customer support like that, I haven’t noticed for an extended time!”
• “i am one glad consumer indeed! thanks men! keep up the great paintings!”
• “this is via a long way the most productive support..”
• ”... excessive fast reaction!!!”
• “Thank You to your rapid service! :)”
• “Best give a boost to I’ve ever observed! .. 5 stars isn't sufficient!”
• “Wow, thanks for the instructed response.”
• ”... customer service supplied is going above and beyond … an excellent experience from begin to end.”
• “Thanks for one of these rapid reaction! You rock man!”

Psst! Looking For a whole cell theme, no longer just a menu?
we've got the highest-rated mobile topics on ThemeForest!

Symbol credit score

Massive thank you go out to Igor Artyomenko for allowing the use of his artistic endeavors on this besides as different Bonfire Topics items.

FULL DOWNLOAD