Responsive animated menus
It’s now super easy to create responsive navigation in Dreamweaver! The new Flexi Menus 2 comes with many new features: mobile menus, tablet optimized, jQuery animations, “stick-to-top”, CSS3 gradients and shadows, new improved interface, 600+ skins and much more. Check out all features below!
See overview video
3 menu types, 20 skins each, 600 presets!
Each type (horizontal, vertical and tabbed) comes with 20 skins and each has 10 color schemes, for a total of 600 presets! On top of that, you can always create your own skin visually from the easy-to-use interface.
When your site is visited from a tablet, the functionality of the menus is automatically optimized for it: since tablets have no hover state, you must click on a menu item to open the submenu. If clicked twice, it will follow the link. A new menu item will appear in submenus with the text “close”. Try it out below!
Menu 2 for Dreamweaver now have jQuery animations (like fade, slide, bounce and more) and CSS3 transitions built-in.
If “stick-to-top” feature is activated from the interface, when you’ll scroll down your page, the menu will remain on top of it. Check it out in the demo below (scroll down).
Web fonts support
To use web fonts with Menus 2 for Dreamweaver you only have to include the link from the font provider between the tags of your pages and add the font name inside the "font family" text field from the interface.
CSS3 transitions on buttons
Activate this feature from the interface (Buttons>Hover) and when you'll hover the mouse over the buttons, the transition between states will look smoother, for a better experience.
CSS3 shadows and gradients
Create sleek gradients with the help of the new gradient control and add box or text shadows to make your menus stand out.
DW Grid support
You can now add menus created with Flexi Menus 2 inside pages based on fluid grids.
All menu skins have been extensively tested on all major browsers (Chrome, Safari, Opera, Firefox and Internet Explorer 7-10) on both PC and Mac.
For Desktop, Tablet and Mobile
Menus created with Flexi Menus 2 automatically detect the device and adjust their behavior accordingly. For example on tablets, a "close" button appears while the mobile menu changes completely.