title: Menu with div inside on ModX
body: <p>I tried to make a menu with 'div' inside like here — <a href="http://www.stylight.com/" rel="nofollow">http://www.stylight.com/</a> using Wayfinder, but didn't find a way. Were should I look or what should I use to make it happen?</p>
  
  <p>I try to achieve this HTML output:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="navbar-collapse collapse" id="navigation"&gt;
  
        &lt;ul class="nav navbar-nav navbar-left"&gt;
     &lt;li class="dropdown yamm-fw"&gt;
         &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Men&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
         &lt;ul class="dropdown-menu"&gt;
  
      &lt;li&gt;
          &lt;div class="yamm-content"&gt;
       &lt;div class="row"&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;img src="img/men.jpg" class="img-responsive hidden-xs" alt=""&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Clothing&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;T-shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Pants&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Clothing&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;T-shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Pants&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Shoes&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Trainers&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Sandals&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Hiking shoes&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Casual&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
       &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="footer clearfix hidden-xs"&gt;
       &lt;h4 class="pull-right"&gt;Men&lt;/h4&gt;
       &lt;div class="buttons pull-left"&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-tags"&gt;&lt;/i&gt; Sales&lt;/a&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-star-o"&gt;&lt;/i&gt; Favourites&lt;/a&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-globe"&gt;&lt;/i&gt; Brands&lt;/a&gt;
       &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/li&gt;
         &lt;/ul&gt;
     &lt;/li&gt;
     
     &lt;li class="dropdown yamm-fw open"&gt;
         &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Women &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
         &lt;ul class="dropdown-menu" style="display: block;"&gt;
  
      &lt;li&gt;
          &lt;div class="yamm-content"&gt;
       &lt;div class="row"&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;img src="img/women.jpg" class="img-responsive hidden-xs" alt=""&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Clothing&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;T-shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Pants&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Clothing&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;T-shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Shirts&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Pants&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col-sm-3"&gt;
        &lt;h3&gt;Shoes&lt;/h3&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Trainers&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Sandals&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Hiking shoes&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="category.html"&gt;Casual&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
           &lt;/div&gt;
       &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="footer clearfix hidden-xs"&gt;
       &lt;h4 class="pull-right"&gt;Women&lt;/h4&gt;
       &lt;div class="buttons pull-left"&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-tags"&gt;&lt;/i&gt; Sales&lt;/a&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-star-o"&gt;&lt;/i&gt; Favourites&lt;/a&gt;
           &lt;a href="#" class="btn btn-default"&gt;&lt;i class="fa fa-globe"&gt;&lt;/i&gt; Brands&lt;/a&gt;
       &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/li&gt;
         &lt;/ul&gt;
     &lt;/li&gt;   
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>