title: JQuery Mega Menu Full Width Menu Item
body: <p>I am new to css and jquery and have a problem with a menu item. I have a Jquery Mega Menu and I want to have the Attorney Profile menu item be 1 single row instead of the two it is now. Normally I would post code but there just is to much. So I am going to post a link to the actual working site.</p>
  
  <p><strong>I tried adding fullwidth but no success.</strong></p>
  
  <pre><code>$(document).ready(function($){
      $('#mega-menu-tut').dcMegaMenu({
          rowItems: '1',
          speed: 'fast'
          fullWidth: true
    });
   });
  </code></pre>
  
  <p><strong>I also tried to modify the css here:</strong> </p>
  
  <pre><code>.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */
       float: left; /* Float the sub-menus and give them a fixed width to from the mega menu    rows */
       width: 130px; 
       height: 165px;
       margin: 0 2px 7px 2px;
       border: 3px solid #ccc;
  }
  </code></pre>
  
  <p>But that just modifies that actual inside menu.</p>
  
  <p><strong>Here is the active site:</strong> <a href="http://gdisinc.com/barker/default.php" rel="nofollow">http://gdisinc.com/barker/default.php</a></p>
  
  <p>Notice if you roll your mouse over Attorney Profiles it will show two rows. How can I make that one row that matches the width of the site which is 960px. Thank you! </p>
  
  <p><strong>PS: I used this menu system: <a href="http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/getting-started/" rel="nofollow">http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/getting-started/</a></strong></p>