To Convert an Existing Simple List-Based menu to a PMM2 menu:
Wrap your root menu UL inside a DIV.
Locate the menu UL:
<ul id="navbar">
<li><a href="index.htm">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
<li><a href="#">Section 4</a></li>
<li><a href="#">Section 5</a></li>
<li><a href="#">Section 6</a></li>
</ul>
Wrap the UL inside a DIV:
<div>
<ul id="navbar">
<li><a href="index.htm">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
<li><a href="#">Section 4</a></li>
<li><a href="#">Section 5</a></li>
<li><a href="#">Section 6</a></li>
</ul>
</div>
Assign a PMM2 ID and class to the DIV.
<div id="p7PMM_1" class="p7PMMv1">
<ul id="navbar">
<li><a href="index.htm">Section 1</a></li>
<li><a href="#">Section 2</a></li>
<li><a href="#">Section 3</a></li>
<li><a href="#">Section 4</a></li>
<li><a href="#">Section 5</a></li>
<li><a href="#">Section 6</a></li>
</ul>
</div>
Now place your cursor anywhere inside the above menu markup and open the PMM2 interface:
An alert box will inform you that the system will use default options.
Click OK
Set your options, make a few flyout menu levels and then...
Click OK
You now have a perfectly configured PMM2 menu: