Discussion on Metro Flexible Navigation

Discussion on Metro Flexible Navigation

Cart 522 sales

liviu_cerchez supports this item


49 comments found.

Love this plugin but can you create it for wordpress? And is this plugin can be changed from horizontal layout to vertical layout, can I use it in wordpress?

Hi, thank you for your interest – but this is not a WordPress plugin, the item is a static layout that can be used in static HTML contexts.

Hi – I am thinking of buying this as well to use with sharepoint 2013 – is this built with bootstrap? thanks

Hi, the plugin is built using plain HTML and custom CSS. Hope this helps.

Is there an easy way to disable the grab and drag? I’d like to implement a different grab & drag myself.

Hi, sure you’ll be able to remove the grab and drag feature by editing a single .js file and removing one line of code. Thanks for your interest.


I have written a back-end admin panel to control which boxes get displayed or hidden based on checkboxes. If the box is unchecked it will set the box to “display: none” and it is working fine, but the issue i’m running into is the boxes are not moving over. For example if I hide the 2nd box it will just show an empty space instead of move all the boxes over to fill that space.

I am assuming this has something to do with the JavaScript, but I am having a difficult time figuring it out. Do you think you can assist me with this?

I have tried adding a filter option to the metro.js file and that is not working. If i add this code: $container.isotope({ filter: '.box' }); it will hide all items. If i add this code: $container.isotope({ filter: '.items' }); It will show all items. It seem that it is only looking at the div and not all items in the div. Just as an FYI. I know you can’t help with this.

If you read the filtering examples properly you’ll see you can use a clever filter to hide/show specific items with ease, something like: ’.box:not(.box-hidden)’ – where .box-hidden is a class added by you to mark hidden items.

Thanks. I actually got it to work.

can you add inner pages for every one , I mean internal pages ?

Hi, the script contains the features visible in the preview – it’s up to you to further customize the item for your specific needs, your project requirements.

so i m pretty new to web-design

can i use this in my wordpress theme?

Hi. This is not a WP plugin, just a static navigation layout. You need web development skills to integrate the item in a theme.


Nice plugin. Wondering if it’s possible to have a fixed width scrollbar (900px centered for example) that controls the full width content area?


Hi, thank you. I don’t really understand your requirement, but you should know support is offered only for item issues (not customization). Try using CSS and JS to achieve your requirements.

Hi is this responsive? I plan to use this on mobile as a launcher

Hi, yes you can test the responsive behavior yourself at:

Hi, I’m thinking of buying this product but I worry about the layout. Is it easy to customize or is it fixed? My website layout is similar to dwcharn but it seem that it cannot support big tile in the first position. It this issue already fixed by the Isotope plugin?

Thank you

Thank you for your prompt reply.

I’m planning on using this product on Sharepoint 2013. Is the HTML file XML compliant?

It’s HTML valid, if that’s what you’re asking. You can determine that by viewing the source code of the page:

Hi, I just bought this product. I’d need to know if it’s possible to drag and drop tiles so the user could change the order of them. Thank you

Hi, there is no current support to rearranging the tiles with drag and drop, sorry.

Hi, I am thinking of buying the extended license. The provided icon link refers to a non commercial license. Is it possible to use any other commercial icon with Metro Flexible Navigation?

Thanks in advance.

Hi, thank you for the interest. You can check out icon archive sites for free sets, but a simple Google Search will reveal a lot of such icons with little effort.

With this plugin could I customize each tile to link wherever I want? Also what is the functionality of the tile once it is clicked? Is there any animation or lightbox feel to it?

Hi, thanks for your interest. This is not a plugin, it’s a simple HTML, CSS, JS layout – you can customize it further as you like based on your requirements (the preview includes all the functionality available).

This plugin has been great but it seems there is a problem. When I try and place a box that is twice the width and height in the first position, nothing aligns properly. Here is an example: This is how this should look with Button1 under Button2 and Button3 This should look the same as the first example but with Button1 being over Button2 and Button3. Instead, it doesn’t seem to wrap any more.

Is this a bug? Thanks.

This is what I would expect this to look like:

Hi, it’s been known that Isotope (the plugin used for aligning the tiles) has issues when placing a larger block in the first position. I’m waiting for the author of the plugin to fix this for a while, use a smaller tile until this is fixed. Sorry for the inconvenience.


This might be a silly question, im really new to developing websites.. so please bear with me.

Can i use this template for the landing page on weebly? If yes, how..?

Many thanks in advance


Hi, the plugin is HTML based – the answer is no. It’s up to you to integrate it in your favorite framework or site. I don’t offer support for external tools like weebly.

For information : doesn’t work with latest jQuery library 1.9. The 1.7.2 inside the package = OK.

Thanks for the feedback, I’ll check it out asap.

Fixed in the latest version, please re-download.

Hi there, thanks for the great navigation, how easy would it be to group the tiles into sections? So the first 8 would be say about us, the next 8 projects ect etc? Thanks in advance

Hi, thank you for your purchase. The layout does not support grouping of the tiles for now, sorry. Try to mark each tile with a specific icon, text or variation of a color to show the group idea.

Great job on this file… of the best Metro Files on here or ThemForest.

I know you can add a lightbox like Fancybox to it but it would have meade this even better if you had included it with it.

Thank you! The point of this item is to arrange the tiles of a metro style layout – of course you can add a lightbox solution to each tile, that’s simple and can be added further by users that need it.

It is going to save me some hours. Thank You Very Much.

I appreciate the support, thank you!

Hi, how can I add a page transition as you did here thank you!

Hi, ask the author of that website because I didn’t build it. My plugin handles the tiles only, everything else if up to you to modify.

thank you for your prompt reply

Hey, I purchased this in the belief that the tiles/images used would be available within the purchased folder… They’re not obviously. I also purchased in the belief that I would be able to package this with a reseller license – packaged in a custom theme… Sooo if I purchased the extended license would I be able to claim the images as mine? &/or include them in my design ready for resale?

Hi, the images used in the preview are in the images folder. If you need more icons just search for them at:

To use the plugin in reselling you must purchase the extended license, that’s mandatory. The extended license will give you rights to use the plugin as you like, but the images are an external resource – look at their license at the mentioned url.


Tell us what you think!

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

Sure, take me to the survey