Just add the “mega-menu” class to your .dropdown-menu
UL element. This will inform the SmartMenus plugin that this is a mega dropdown menu and it might contain any HTML, so the script will neglect any nested UL elements inside it – i.e.:
<ul class="mega-menu dropdown-menu wide-dropdown-menu-maya">
<li>
<div class="container">
<div class="row">
<div class="col-lg-3">
<ul class="wide-menu"><!-- <-- width this <ul><li> all dropdowns not work, class "wide-menu" is empty -->
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
</div>
<div class="col-lg-3">
second column
</div>
<div class="col-lg-3">
third column
</div>
<div class="col-lg-3">
fourth column
</div>
</div>
</div>
</li>
</ul>
Cheers!