Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Affinity + Drop Menu Magic the first fully-automated responsive menu tool for Dreamweaver

Comes with its own companion Page-Building tool!

Drop Menu Magic comes with Affinity—A responsive page building tool. DMM can also be used by itself on any page.

A ground-breaking menu tool

We like Drop Menu Magic so much we use it on the PVII site. In a normal browser window, the menu items are horizontally arranged and each can include a horizontal or vertical sub-menu that drops down—with or without one of several very cool animations. When you make your window skinny, or when you view your page in a smartphone, the menu magically transforms into a perfectly configured accordion. The Drop Menu Magic system allows you to manage your menu items and options through a dedicated and automated interface. It also allows you to add additional menus to your page. The menus you add can be horizontal drop-downs (like the default menu atop each Affinity page) or vertical accordions—perfect for a sidebar. Both types of menus are fully responsive and mobile-ready. You get a responsive page-building tool, from the leader in Dreamweaver responsive tools, and a complete, fully functional menu system. What's not to love?

Drop Menu Magic Interface

Key DMM Features

DMM is auto-responsive. When viewed on a smartphone, the menu automatically converts itself into a collapsible vertical configuration. To see this feature in action, make your window as narrow as a smartphone while keeping a close eye on the PVII menu at the top of this page.

Also Includes the Affinity Page Pack

When your client calls at 4:00pm and says "Hey Joe, I really like that last design proposal, but my marketing guys say it has to look perfect on the boss's iPhone and his son's Kindle, and they need it ready for the staff meeting tomorrow." Instead of a panic attack followed by hours of coding, you can use PVII Affinity to create that perfect layout in no time. Just add your content and spend a quiet evening with the family with complete peace of mind.

The Affinity interface

Choose from 5 responsive Page Designs, click Create, and your page is automatically created.

CSS Affinity  Interface

Read more about Affinity

Drop Menu Magic works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015, CC 2016, CC 2017, CC 18 (and higher). For installation tips, please see Using PVII Extensions in Dreamweaver CC...

Progressive enhancement

PVII CSS Affinity employs the concept of progressive enhancement. We start with well-formed code that displays all content in all devices. Then we use CSS for effects such as rounded corners, shadows, and animations. The effects are deployed in ways that enhance modern browsers while assuring an attractive and accessible presentation in older ones. IE9, Firefox, Opera, Safari, Chrome, and even your iPhone display rounded corners and drop shadows. IE10, and modern versions of Firefox, Chrome, and Safari display animations.