Доброе время суток.Возникла проблема с созданием меню.
Вот код
<nav id="top-megamenu-nav" class="megamenu-vertical animate-dropdown">
<div class="container">
  <div class="yamm navbar">
   <div class="collapse navbar-collapse" id="mc-horizontal-menu-collapse">
    <ul class="nav navbar-nav">
     <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-hover="dropdown">Меню</a>
	<ul class="dropdown-menu">
	 <li>
	  <div class="yamm-content">
	   <div class="row mpad">
	    <div class="col-xs-12 col-sm-12">
	     <h2>Меню</h2>
	      <ul>
		<li><a href="#">Сабменю1</a></li>
		<li><a href="#">Сабменю2</a></li>
		<li><a href="#">Сабменю3</a></li>
	      </ul>
	     </div>
	    </div>
	   </div>
         </li>
	</ul>
     </li>	
   </ul>
</div>
</div>
</div>
</nav>

Изменил через pdomenu
 <nav id="top-megamenu-nav" class="megamenu-vertical animate-dropdown">
      <div class="container">
       <div class="yamm navbar">
	<div class="collapse navbar-collapse" id="mc-horizontal-menu-collapse">
	 <ul class="nav navbar-nav">
          [[pdoMenu?
           &startId=`5`
           &level=`0`
           &tplParentRow =`@INLINE
           <li class="[[+classnames]]">
            <a href="[[+link]]" class="dropdown-toggle" [[+attributes]] data-hover="dropdown">[[+menutitle]]</a>
             <ul class="dropdown-menu">[[+wrapper]]</ul>
           </li>`
           &tplOuter = `@INLINE [[+wrapper]]`
           &tplInner = `
            <ul class="dropdown-menu">
             <div class="yamm-content">
              <div class="row mpad">
               <div class="col-xs-12 col-sm-12">
                <h2>[[+menutitle]]</h2>
                <ul>
                 <a href="[[+link]]" [[+attributes]]>[[+menutitle]]</a>
                </ul>
               </div>
              </div>
             </div>
            </ul>`
          ]]
	 </ul>
	</div>
       </div>
      </div>
     </nav>

Но при наведении где должны отображаться подпункты.Там выходит ассоциативный массив.
Помогите )