Morph: Flyout Mobile Menu for WordPress


Whereas designed primarily as a cellular menu, Morph works splendidly on each desktop and contact gadgets and may be set to be proven at specified resolutions solely, that means – when you so want – it could actually 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 completely different parts, you can also make certain your menu fits your website. It even helps widgets, making it that rather more expandable. You may also slide it in from both the left or proper aspect of the display.

Moreover, the flyout menu may be triggered by any component (a customized menu button for instance). All you need to do is add a selected class to the component and voila! For instances akin to this, Morph’s personal menu button may be hidden with a single click on.

To get a visible of what’s attainable, ensure to take a look on the particulars beneath. And positively don’t miss the live example here to see the menu in motion. You possibly can see extra examples on the demo websites for considered one of our cellular themes here.

PS! Morph is out there at a reduction within the WordPress Mobile Menu Bundle.

It’s all within the particulars

Under, you’ll see the large customizability of Morph introduced out intimately. Each customizable component is displayed and defined in full. And bear in mind, with the real-time Dwell Customizer integration, making adjustments as you see match is easy.

Header bar

The header bar holds Morph’s menu button and brand places. 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:

Morph: Flyout Mobile Menu for WordPress - 1

Heading space

The heading space permits you to give some critical character to your Morph flyout menu. Customise its peak, overlay colour and opacity, add a background picture or sample, insert heading and sub-heading texts with any data, and customise the colour and thickness of its backside border. You may also arrange an non-obligatory secondary menu. Or you possibly can cover your complete space and every little thing in it.

The picture beneath lays out all the chances:

Morph: Flyout Mobile Menu for WordPress - 2

Multi-level accordion menu and widgets

The spine of Morph is after all its flyout menu which, like every little thing 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 lengthen its makes use of; add a mailing listing signup type, 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/courses 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:

Morph: Flyout Mobile Menu for WordPress - 3

70+ customizable settings

The straightforward-to-use Dwell Customizer helps you to arrange and modify Morph rapidly and preview your adjustments in real-time. All of the settings are logically categorized, organized and effectively defined, which implies making adjustments and establishing Morph precisely as you need is an absolute breeze.

Morph: Flyout Mobile Menu for WordPress - 4

Morph: Flyout Mobile Menu for WordPress - 5


  • 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 permits you to 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)
  • Major, multi-level accordion menu
  • Add menu descriptions to multi-level menu
  • Secondary pop-out menu (may be disabled)
  • Built-in search perform (may be disabled)
  • Add heading background picture or sample, change picture space peak
  • Set heading background overlay colour and opacity
  • Customise flyout velocity 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
  • Conceal your theme menu when Morph is lively (through class/ID)
  • Optionally disable retina and scrollbar scripts
  • Optionally make the flyout all the time seen


Fast replace (no model change)
- Some JS script and translation string updates
- Added customization choices for fancy scrollbar (customise colours, thickness, roundness)
- Added choices to high-quality tune primary and secondary menus' textual content sizes
- Redesigned the default menu button
- A menu button label can now be added (customise label textual content, colour, hover colour)
- Added choice for skinny button variations (utilized to menu buttons, search buttons/discipline, 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 photos)
- Added choice to disable the flowery scrollbar (helpful when you favor the browser's personal scrollbar on desktop)
- Customization choices at the moment are situated within the WordPress Dwell 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 choice to cover your theme's menu, brand, search and so forth. through class/ID
- Now you can set a customized velocity for the flyout (helpful to mix in completely together with your theme's animations)

- Descriptions can now be added to menu gadgets
--- Colour customise descriptions individually from menu gadgets

- Secondary menu now helps icons as effectively
- 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 measurement is just too giant for cellular screens, it is going to mechanically measurement down)
--- Added always-visible setting for the flyout menu
- Menu can now be positioned to look from both the left or the precise aspect
- Up to date icon set to newest model
- 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
- added two new menu button types
- added choice to regulate menu button animation velocity 
- Menu now helps the FontAwesome icon set (500+ icons out there, please examine up to date documentation for directions)
- Icons may be colour personalized individually from text-based menu gadgets
- Additionally added an choice to stop FontAwesome from loading (in case your theme already makes use of this wildly in style icon set otherwise you simply do not need to use the icons in your menu)

Prospects love Bonfire Themes!

As all the time, you possibly can depend on our assist do you have to want it. For those who’re an present buyer and have spoken to us beforehand, then you definitely already know what meaning. For those who’re a primary time purchaser, then right here is only a style of what our clients need to 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 completely satisfied buyer certainly! Thanks guys! Sustain the great work!”
  • “That is by far the perfect assist..”
  • ”… excessive quick response!!!”
  • “Thanks in your speedy service! :)”
  • “Greatest assist I’ve ever seen! .. 5 stars is just not sufficient!”
  • “Wow, thanks for the immediate response.”
  • ”… customer support offered goes above and past … A wonderful expertise from begin to end.”
  • “Thanks for such a speedy response! You rock man!”

Psst! Searching for a complete cellular theme, not only a menu?
We have now the highest-rated mobile themes on ThemeForest!

Please additionally take into account our MEGA Bundle:

WordPress MEGA Bundle


Related Posts