Code

Discussion on Metro Flexible Navigation

Discussion on Metro Flexible Navigation

Cart 532 sales

liviu_cerchez supports this item

Supported

49 comments found.

Wow! Nice! Thank u!

You are welcome, glad you like it.

On resizing in the Live Preview, nothing happens – is that something to do with the Envato environment? (I did remove the frame)

You are probably using an older browser, you can use respond.js to mimic the media query behavior. As a matter of fact I’ll include this in the next revision. Please stay tuned.

I added respons.js support. You should know that the boxes won’t resize when you change the viewport size. They only adapt within the scrolling area better. Please give it a test on a smartphone to see the end result.

Is this jQuery plugin compatible with Zepto.js? Can you try and let us know? If it’s not can you make it compatible? Althought Zepto does not aim to substitute jQuery, it is much more lightweight than jQuery and so it is ideal for webapps mobile devices. Thank you.

We can discuss a special development of this plugin. Get in touch with me via the contact form in my profile.

Very nice :D -thanks!

Glad you like it, many thanks for the support.

Hi, Can you add the left and right scroll with mouse wheel?

Yes, I’ll add it as an option in the next release.

Added support for mouse wheel scroll in today’s patch.

btw: Hoover Effect is just working in Chrome!

IE, FireFox, Safari and Opera are all without hoover effect.

Thank you for your support.

That’s right, the hover uses CSS3 filter property that is only supported in Webkit browsers (Safari, Chrome, iOS). Other browsers don’t benefit from this effect and might fallback to a simple opacity effect. It’s not a bug, just a small inconvenience.

I’ll add this fix to the next release, so please stay tuned.

Alright thanks, would be very apriciated. Good luck with sales…

Just pushed an update that fixes this issue.

My fasted purchase I have ever made here on Envato. Convienced me in 5 seconds :-)

But I really hope Microsoft wont attack me with their lawyers. Not sure if such a design is not against any copyright rules, due to the similar look. Some facebook sites went into trouble once due to useing kind of facebook look.

Thank you sir, I appreciate it.

I was only inspired by the Metro look and did the implementation myself (not used any Microsoft component) with JavaScript code. I encourage anyone to buy Microsoft 8 and have the full effect in their OS. If anything goes wrong a different name might work, but the display idea is used in many sites throughout the internet (Masonry or Isotope effect), so I won’t worry.

Best regards!

Very nice navigation. Good luck with sales.

Thank you, I like your CSS3 Mega Menu. Good luck to you too.

Not understood clearly watching the live Demo. Could you kindly explain in details. And can show available functions in the demo.

Appreciate your cooperation.

The Metro navigation is similar to the UI for the latest Windows 8. It consists of a grid layout where items are placed automatically near each other to form a “wall of applications”. Each box has it’s own dimension, color, icon depending on it’s function. You can customize all those options.

The layout responds to the window viewport, so try to resize the browser window. You can also change the layout orientation with the toggle button in the header.

Scrolling, if necessary, is done either using the control arrows or by mouse dragging the items.

Hope this help,
Liviu

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