Code

Discussion on Morph: Flyout Mobile Menu for WordPress

Discussion on Morph: Flyout Mobile Menu for WordPress

Cart 440 sales

BonfireThemes supports this item

Supported

This author's response time can be up to 1 business day.

101 comments found.

so can i make this thing smaller and then make it so it’s automaticly enabled ?

Hi.

Not at this time. Definitely keep an eye on it though, a custom with option is planned, and pretty soon. And always visible is probably in the cards as well as that only makes sense when someone wants to do a slim menu.

Cheers.

I am interested in a plugin like this with the ability to show disqus comments; does yours support this?

Hi there.

Morph is really designed and intended to be a menu plugin. I wouldn’t recommend it for Disqus (I imagine you’d have to make a lot of code changes for such a behavior).

Cheers.

Hey,

I have a question. So on my old site I modified the CSS to change the size, color, hover properties, etc of the buttons. I no longer have access to the custom CSS due to database issues on my old host. The last time I did these modifications I just patched together something that “worked” This time around I want to do it right. What’s the best way to modify these perimeters? I really don’t want to have to patch something together again.

Thanks, Jonathan

Hi.

The way I’d do custom changes is take whatever CSS you’re changing and add it to the bottom of the stylesheet, while making a copy of it and make sure you don’t lose it again. If you already know what to change and where then it should be easy. That way you can take whatever custom CSS you have and when there’s an update to Morph, you can just add it to the bottom of the CSS file again, or even better: keep it in your child theme if you have one.

Cheers.

oh duh, I didn’t use custom CSS for the color….. I just never use the customize function of WordPress….. Well, problem solved… Thanks, Jonathan

Sure thing :)

Looking forward to the update which makes morph available for the right side !!

It’s coming :) I got a full plate right now but it’s definitely coming. I have plans to release big updates for several of my plugins. This will be among them.

Hi. Just giving a heads up, I’ve submitted an update today that has optional right-side positioning. It could be up this weekend or early next week, so keep an eye out :)

Can i have different menus on different pages?

Hi. Morph is site-wide.

Cheers.

Hi BonfirThemes,

Just bought your plug-in. But I have a question. Will there be any update (soon) to set the menu to the right?

Kind regards, Boaz

Hi. It will certainly be added but I don’t have a time frame to give at this time.

Cheers.

Possible to get a dynamic heading text? For example the logged in user name?

Hi. Nope, not out-of-the box. Something like that you’d have to get done as a customization.

Cheers.

Yuck, tricky screenshots and demo page, it looks like this is possible.

Nope, nowhere does it say that. You’re also the first person to think that’s possible. Feel free to contact Envato for a refund though if you’re unhappy.

Cheers.

Can I position to the right?

Hi. I’ll probably add that in an update at some point but for now Morph is left side only.

Cheers.

Hi Whats the price for developer license?

Hello. The options are: Regular License: $15. Extended License: $75. Details: http://codecanyon.net/licenses/standard

Cheers.

Hi, I’d like to not display your toggle & keep my themes toggle instead, for which there is an option. But this option also removes the close toggle. How can I have the close toggle, but not the open toggle (theme toggle gets covered by your menu sliding out). Also after adding (“morph-main-menu-activator” class) my header logo link opens menu also. How do I prevent this? http://motor.dog

Hi there.

Adding custom menu buttons etc is really stuff for freelancers, so I can’t help much here but I had a quick look and here’s what you need to go after:

There’s no open toggle/close toggle as you describe. Once you apply the custom activator to your custom menu button, the same element both activates and de-activates the menu. And your custom menu button doesn’t appear above Morph because you need to assign your custom menu button a higher z-index.

As for why your logo opens the menu.. it looks like your logo is inside the <ul /> you applied the custom activator class to, which means everything inside there will act as the menu activator. Apply the activator class to the actual custom menu button only, not the header wrapper or the like.

Cheers.

Hi, I have bought the plugin for my website. I have issues with the sub menus. I can see an arrow indicating there is a sub menu but the sub menus don’t open. How do I fix this? What is the email id for support to contact?

Hi. Send me your site address through the form on my profile and I’ll have a look.

Cheers.

Hi I have sent you email from another login AshwiniChaskar15. Please respond to it.

hello I would like to buy this plugin … I have a multilingual website and then have 2 separate menus one Italian and one in English in appearance> menu, you can set your menu to choose the menu based on the language?

Hi, Morph hasn’t been tested like that.

Cheers.

Hi. Quick question: Does it work with qtranslate or WPML? I need it in two languages. Thanks

You can add something like this to morph.css:

.morph-main-menu-button-wrapper { transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); }

Cheers.

It worked like a charm.

I want to ask you how can I make the menu background semi-transparent. I was thinking about adding this code: background-color: rgba(0, 0, 0, 0.6); but I don’t know where to put it. And what file and what line do I have to edit to write MENU on the right side of the hamburger menu.

Thank you very much.

For the menu button placement, it’s all in morph.php. That’s custom work though, can’t get more specific than that. You’ll find the code well marked.

As for the background color; again, you’ll find the code well marked, just have a look around. ”.morph-main-background {” is what you want in this case.

Cheers.

Hello I would like to know if to Spark, the menu backround could be tranparent. Also if images could be added instead of icons

Hi. Those aren’t among the features I’m afraid (please leave Spark-related comments on Spark’s comments section, makes things a bit less confusing, cheers).

Hi! I added the Morph menu to our website, but it doesn’t work. When clicked it does nothing. Please, help :) Thanks!

The plugin works fine, you really think other customers would’ve given ratings if it didn’t :) Or that it even would work on the demo site for that matter… There’s always a possibility for conflict of course when it comes to environments that have tens of thousands of developers creating things for it, that’s where reasonable response times come in.

Anyway, glad you managed. Have a good one.

OK. So, I have to correct myself:

Here’s the right way to do it.. and that’s how you should update your plugin as well, to use .on() jQuery functions in order to work in most (if not all) cases.

jQuery(document).on(‘touchstart click’,’.morph-main-menu-button-wrapper, .morph-main-menu-activator’, function(e) {

@ http://api.jquery.com/delegate/ $( document ).on( events, selector, data, handler ); // jQuery 1.7+

Correct me if I am wrong. Cheers!

It’s using .on() now, it’s just laid out a bit differently. Both ways work, if your solution works in your environment, great :)

can we choose what direction menu fly’s out like right or left or if we want it from top or bot?

Hi there. Morph is placed and animates from the left only.

How do I disable this plugin from loading the Roboto font? There is no need for it. thanks!

Hi there. In morph.php, remove the code under ”// Enqueue Google WebFonts”

Cheers.

Hello,

Great work on the menu.

Is it possible to integrate a contact form (Contact Form 7) in the menu?

Thanks

Hi there, thanks for the kind word :)

You can do anything you want with it, given you have the coding know-how. But there’s no feature that allows to add code from third-party contact form plugins into the menu, no.

Cheers.

Hi,

I am using your menu inside Breezy theme, and I ran into an issue with iOS mobile devices. When you open menu, if you have many items in it, and you scroll down, on iPhones top part, where logo is, is not in position fixed, but it goes off the screen. On desktop and other mobile devices, it moves with the page. Do you have any solution for this?

Thanks

Hi there. Please contact me through the contact form on my profile so I could verify the purchase. And be sure to contact me from the account the purchase was made from (your current account says you haven’t made any purchase at all on the marketplaces).

Cheers.

Sorry, I contacted you from my account, I will write you on your profile from clients account, thanks

Hi, could you give me a hand with turning this into a push menu too? I think my website is up for it :-)

Hi there. This isn’t a flick of the wrist change I’m afraid. For customizations like that you really have to hire a freelancer :)

well, I am a freelancer ;-) but I thought I could spare myself the effort, judged on your comments on previous threads

Little things I’m happy to help with, but this involves diving into your theme etc. Just too much for a freebie.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey