
Whereas designed primarily as a cell menu, Morph works splendidly on each desktop and contact units and could be set to be proven at specified resolutions solely, which means – when you so want – it might probably simply be used as a mobile-only or desktop-only menu.
Morph can also be extraordinarily straightforward to customise; by altering colours, enabling/disabling and modifying completely different components, you may make certain your menu fits your web site. It even helps widgets, making it that rather more expandable. You can even slide it in from both the left or proper aspect of the display.
Moreover, the flyout menu could be triggered by any ingredient (a customized menu button for instance). All it’s a must to do is add a particular class to the ingredient and voila! For instances resembling this, Morph’s personal menu button could be hidden with a single click on.
To get a visible of what’s potential, be certain to take a look on the particulars beneath. And definitely don’t miss the live example here to see the menu in motion. You’ll be able to see extra examples on the demo websites for one among our cell themes here.
PS! Morph is obtainable at a reduction within the WordPress Mobile Menu Bundle.
It’s all within the particulars
Under, you’ll see the huge customizability of Morph introduced out intimately. Each customizable ingredient is displayed and defined in full. And bear in mind, with the real-time Stay Customizer integration, making adjustments as you see match is easy.
Header bar
The header bar holds Morph’s menu button and brand areas. Select from a number of menu button types and animations, add a menu button label, arrange a brand, customise colours, opacity and so forth.
Take a look on the picture beneath to get acquainted with all the chances:
Heading space
The heading space means that you can give some critical persona to your Morph flyout menu. Customise its top, overlay colour 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 can even arrange an non-obligatory secondary menu. Or you possibly can cover your entire space and all the pieces in it.
The picture beneath lays out all the chances:
Multi-level accordion menu and widgets
The spine of Morph is in fact 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 objects, change any and all colours. There’s even a widget location which lets you wildly prolong its makes use of; add a mailing checklist signup kind, a name to motion button, completely something you want.
As well as, you possibly can show Morph on specified resolutions solely, there are alternatives to cover your theme menu/brand/search and so forth. 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.
As soon as extra, please seize all the main points from the picture beneath:
70+ customizable settings
The simple-to-use Stay Customizer helps you to arrange and modify Morph shortly and preview your adjustments in real-time. All of the settings are logically categorized, organized and properly defined, which implies making adjustments and organising Morph precisely as you need is an absolute breeze.
Options
- Tremendous clear, superbly animated design
- Extremely customizable
- Morph makes use of the built-in WordPress menu builder and customization instruments, making the plugin light-weight and means that you can use instruments already acquainted to you
- Slide in menu from both left or proper aspect
- Select from a number of menu button types and animations
- Add label to menu button
- All buttons have common and skinny variations
- Add brand as textual content or add brand picture (retina assist)
- Main, multi-level accordion menu
- Add menu descriptions to multi-level menu
- Secondary pop-out menu (could be disabled)
- Built-in search operate (could be disabled)
- Add heading background picture or sample, change picture space top
- Set heading background overlay colour and opacity
- Customise flyout pace and width
- Select from 2 menu button animations (or disable animation)
- Menu button has mounted/absolute positioning
- Customise fancy scrollbar colours, thickness and roundness
- Present/cover Morph at set resolutions
- Cover your theme menu when Morph is energetic (through class/ID)
- Optionally disable retina and scrollbar scripts
- Optionally make the flyout at all times seen
Changelog
Fast 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 advantageous tune principal 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, colour, hover colour) - Added possibility for skinny button variations (utilized to menu buttons, search buttons/area, submenu arrows) - Up to date retina.js inclusion - Added choice to disable retina assist (helpful when you're not utilizing a brand picture or not utilizing retina pictures) - Added choice to disable the flowery scrollbar (helpful when you choose the browser's personal scrollbar on desktop)
UPDATE 2.0 - Customization choices at the moment are positioned within the WordPress Stay Customizer for handy real-time modifying - Added brand location and a header bar --- Use textual content or add brand picture (retina picture assist included) --- Customise brand textual content colour and hover colour --- Customise the header bar colour and opacity (for see-through impact) --- Optionally allow refined shadow beneath the header bar --- Emblem place switches from left to proper relying on chosen menu flyout place --- Optionally cover brand and header bar - Added possibility to cover your theme's menu, brand, search and so forth. through class/ID - Now you can set a customized pace for the flyout (helpful to mix in completely along with your theme's animations) - Descriptions can now be added to menu objects --- Shade customise descriptions individually from menu objects - Secondary menu now helps icons as properly - Accordion menu's sub-menu arrows now animate superbly - Added border beneath heading picture --- Customise colour and thickness (optionally cover) - Now you can customise the width of the flyout menu (if set dimension is simply too giant for cell screens, it's going to routinely 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 precise aspect - Up to date icon set to newest model
UPDATE 1.3 - Added possibility to make use of full top-level menu merchandise (textual content + arrow icon) to open sub-menus, as an alternative of simply the arrow icon
UPDATE 1.2 - added two new menu button types - added possibility to manage menu button animation pace
UPDATE 1.1 - Menu now helps the FontAwesome icon set (500+ icons out there, please verify up to date documentation for directions) - Icons could be colour custom-made individually from text-based menu objects - Additionally added an possibility to forestall FontAwesome from loading (in case your theme already makes use of this wildly widespread icon set otherwise you simply do not need to use the icons in your menu)
Clients love Bonfire Themes!
As at all times, you possibly can depend on our assist do you have to want it. If you happen to’re an current buyer and have spoken to us beforehand, then you definitely already know what which means. If you happen to’re a primary time purchaser, then right here is only a style of what our clients must say about Bonfire Themes:
- “Nice merchandise, matched by nice buyer assist.”
- “A customer support like that, I haven’t seen for a very long time!”
- “I’m one joyful buyer certainly! Thanks guys! Sustain the nice work!”
- “That is by far one of the best assist..”
- ”… excessive quick response!!!”
- “Thanks to your speedy service! :)”
- “Greatest assist I’ve ever seen! .. 5 stars will not be sufficient!”
- “Wow, thanks for the immediate response.”
- ”… customer support offered goes above and past … A superb expertise from begin to end.”
- “Thanks for such a speedy response! You rock man!”
Psst! Searching for a complete cell theme, not only a menu?
We’ve the highest-rated mobile themes on ThemeForest!