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.

Using PMM3 with Page Builder Magic 2PVII is the leader in creative extensions for Dreamweaver

Easily enhance your Page Builder Magic 2 pages with a PMM3 multi-level menu.

Pop Menu Magic 3 Home | Page Builder Magic 2 Home

Convert PBM2 Default Menu

You can easily convert the default menu in your Page Builder Magic 2 site to a responsive multi-level Pop Menu Magic 3 menu in just a few simple steps. Let's start by converting a horizontal menu.

1. Prepare your horizontal PBM2 menu for conversion

Place your cursor inside your default Page Builder menu and then switch to Code View. The code for your menu will look like this (with your link names, of course):

<div class="menutop-wrapper">
<ul class="menutop">
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>

Edit the opening DIV tag so it looks like this:

<div id="p7PM3_1" class="p7PM3-08">
<ul class="menutop">
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
<li><a href="#">Menu Item</a></li>
</ul>
</div>

2. Convert the Menu

Place your cursor inside the DIV tag and open the PMM3 interface by clicking its Insert Bar/Panel icon or from the Insert Menu. A warning will appear stating that the initializer script block was not found and system defaults will be used.

Click OK

The PMM3 interface will become available and it will show all of your existing menu links.

Add one or more sub-menus as required.

Since Page Builder Magic 2 is a responsive design, enable (check) the Enable Responsive Conversion option.

Set any other options as you like.

To look good in a default Page Builder page, we recommend enabling Rounded Corners, Outer Shadow, and Sub Menu Transparency.

3. Click OK to complete the conversion

Preview your new menu in a browser. Now that was easy!

See an example...