Morph: Flyout Mobile Menu for WordPress
While designed primarily as a cellular menu, Morph works splendidly on each desktop and contact units and might be set to be proven at specified resolutions solely, which means – in the event you so want – it will possibly simply be used as a mobile-only or desktop-only menu.
Morph can be extraordinarily straightforward to customise; by altering colours, enabling/disabling and modifying totally different components, you may make certain your menu fits your web site. It even helps widgets, making it that rather more expandable. You may slide it in from both the left or proper facet of the display.
Furthermore, the flyout menu might be triggered by any factor (a customized menu button for instance). All it’s important to do is add a selected class to the factor and voila! For instances corresponding to this, Morph’s personal menu button might be hidden with a single click on.
To get a visible of what’s attainable, ensure to take a look on the particulars under. And actually don’t miss the live example here to see the menu in motion. You can see extra examples on the demo websites for certainly one of our cellular themes here.
PS! Morph is offered at a reduction within the WordPress Mobile Menu Bundle.
It’s all within the particulars
Below, you’ll see the huge customizability of Morph introduced out intimately. Every customizable factor is displayed and defined in full. And keep in mind, with the real-time Live Customizer integration, making modifications as you see match is easy.
Header bar
The header bar holds Morph’s menu button and emblem areas. Choose from a number of menu button types and animations, add a menu button label, arrange a emblem, customise colours, opacity and many others.
Have a have a look at the picture under to get acquainted with all the probabilities:
Heading space
The heading space permits you to give some critical persona to your Morph flyout menu. Customize its top, overlay shade and opacity, add a background picture or sample, insert heading and sub-heading texts with any info, and customise the colour and thickness of its backside border. You may arrange an non-compulsory secondary menu. Or you’ll be able to conceal all the space and all the pieces in it.
The picture under lays out all the probabilities:
Multi-level accordion menu and widgets
The spine of Morph is after all its flyout menu which, like all the pieces else within the plugin, is immensely customizable; create a multi-level accordion menu, add icons and descriptions to menu gadgets, change any and all colours. There’s even a widget location which lets you wildly prolong its makes use of; add a mailing record signup type, a name to motion button, completely something you want.
In addition, you’ll be able to show Morph on specified resolutions solely, there are alternatives to cover your theme menu/emblem/search and many others. by IDs/lessons when Morph is being displayed, and customise the colour and opacity of the overlay which is displayed when the flyout menu is open.
Once extra, please seize all the main points from the picture under:
70+ customizable settings
The easy-to-use Live Customizer enables you to arrange and modify Morph shortly and preview your modifications in real-time. All the settings are logically categorized, organized and effectively defined, which suggests making modifications and organising Morph precisely as you need is an absolute breeze.
Features
- Super clear, superbly animated design
- Highly customizable
- Morph makes use of the built-in WordPress menu builder and customization instruments, making the plugin light-weight and permits you to use instruments already acquainted to you
- Slide in menu from both left or proper facet
- Choose from a number of menu button types and animations
- Add label to menu button
- All buttons have common and skinny variations
- Add emblem as textual content or add emblem picture (retina assist)
- Primary, multi-level accordion menu
- Add menu descriptions to multi-level menu
- Secondary pop-out menu (might be disabled)
- Integrated search operate (might be disabled)
- Add heading background picture or sample, change picture space top
- Set heading background overlay shade and opacity
- Customize flyout pace and width
- Choose from 2 menu button animations (or disable animation)
- Menu button has mounted/absolute positioning
- Customize fancy scrollbar colours, thickness and roundness
- Show/conceal Morph at set resolutions
- Hide your theme menu when Morph is lively (by way of class/ID)
- Optionally disable retina and scrollbar scripts
- Optionally make the flyout at all times seen
Changelog
Quick replace (no model change) - Some JS script and translation string updates
UPDATE 2.3 - Added customization choices for fancy scrollbar (customise colours, thickness, roundness)
UPDATE 2.2 - Added choices to effective tune predominant and secondary menus' textual content sizes
UPDATE 2.1 - Redesigned the default menu button - A menu button label can now be added (customise label textual content, shade, hover shade) - Added choice for skinny button variations (utilized to menu buttons, search buttons/discipline, submenu arrows) - Updated retina.js inclusion - Added choice to disable retina assist (helpful in the event you're not utilizing a emblem picture or not utilizing retina photographs) - Added choice to disable the flamboyant scrollbar (helpful in the event you want the browser's personal scrollbar on desktop)
UPDATE 2.0 - Customization choices are actually situated within the WordPress Live Customizer for handy real-time modifying - Added emblem location and a header bar --- Use textual content or add emblem picture (retina picture assist included) --- Customize emblem textual content shade and hover shade --- Customize the header bar shade and opacity (for see-through impact) --- Optionally allow refined shadow beneath the header bar --- Logo place switches from left to proper relying on chosen menu flyout place --- Optionally conceal emblem and header bar - Added choice to cover your theme's menu, emblem, search and many others. by way of class/ID - You can now set a customized pace for the flyout (helpful to mix in completely together with your theme's animations) - Descriptions can now be added to menu gadgets --- Color customise descriptions individually from menu gadgets - Secondary menu now helps icons as effectively - Accordion menu's sub-menu arrows now animate superbly - Added border under heading picture --- Customize shade and thickness (optionally conceal) - You can now customise the width of the flyout menu (if set dimension is simply too massive for cellular screens, it should robotically dimension down) --- Added always-visible setting for the flyout menu
UPDATE 1.4 - Menu can now be positioned to seem from both the left or the suitable facet - Updated icon set to newest model
UPDATE 1.3 - Added choice to make use of full top-level menu merchandise (textual content + arrow icon) to open sub-menus, as a substitute of simply the arrow icon
UPDATE 1.2 - added two new menu button types - added choice to regulate menu button animation pace
UPDATE 1.1 - Menu now helps the FontAwesome icon set (500+ icons accessible, please test up to date documentation for directions) - Icons might be shade custom-made individually from text-based menu gadgets - Also added an choice to forestall FontAwesome from loading (in case your theme already makes use of this wildly widespread icon set otherwise you simply do not wish to use the icons in your menu)
Customers love Bonfire Themes!
As at all times, you’ll be able to depend on our assist must you want it. If you’re an present buyer and have spoken to us beforehand, then you definitely already know what which means. If you’re a primary time purchaser, then right here is only a style of what our prospects must say about Bonfire Themes:
- “Great merchandise, matched by nice buyer assist.”
- “A customer support like that, I haven’t seen for a very long time!”
- “I’m one blissful buyer certainly! Thank you guys! Keep up the nice work!”
- “This is by far the perfect assist..”
- ”… excessive quick response!!!”
- “Thanks for your speedy service! :)”
- “Best assist I’ve ever seen! .. Five stars just isn’t sufficient!”
- “Wow, thanks for the immediate response.”
- ”… customer support supplied goes above and past … An wonderful expertise from begin to end.”
- “Thanks for such a speedy response! You rock man!”
Psst! Looking for a complete cellular theme, not only a menu?
We have the highest-rated mobile themes on ThemeForest!
Please additionally contemplate our MEGA Bundle:
