DMM Menu Modes

Drop Menu Magic comes with 3 menu modes. You can add as many menus as you want to any given page. Each root menu item can have one sub-menu level. You can use Drop Menu Magic on any page—not just Affinity pages. On smartphones, all menu modes can auto-convert to an accordion menu with a toggle bar to hide and show the entire menu. Menus can be configured to use one of several optional animations or animation can be turned off. Drop Menu Magic is the first menu tool for Dreamweaver to offer this level of responsiveness. To see the conversion in action, view this page in a smartphone or simply make your browser window about as narrow as a phone.

Vertical Drop-Down Mode

This mode is what we use for the top navigation bar in Garnet pages. The menu glides down over the content. This mode is ideal when you are going to have a lot of sub-menu items that would, if displayed horizontally, wrap to multiple lines. You can add one to any part of your page, like here for instance:

Default Menu Mode

The default menu mode is designed to present your sub-menus in a horizontal list. This method is sometimes referred to as a drop-line menu. This is the menu mode we use for the PVII Web site. It is a very usable method, especially when used with the persistent sub-menu option turned on.

Vertical Accordion Mode

This mode is perfect when you want to add a menu to a sidebar—like the one we added to the sidebar on this page. But you can add one wherever you want, like right here:

Smartphone Smarts...

All DMM menu modes respond to smartphones and auto-reconfigure by default into an accordion menu with a toggle bar to hide or show the menu. The menu can be set to load closed or open on smartphones. You can also turn off smartphone mode if you want.