在菜单项的子项中添加megamenu (容器宽度)

Question

我的菜单有一个容器，然后是菜单的col-md-7。这个菜单是一个带有li的ul。在这个li中，我需要一个包含容器宽度和位置的megamenu下拉列表。

​

​

如果我把它放在ul li之外，我会在悬停时遇到一些问题。

菜单粘糊糊的，所以必须放在合适的位置

<div class="container">
    <div class="row">
        <nav class="menu menu-container col-md-7 col-xs-12 col-sm-12 desktop">
            <ul>
                <li><a class="" href="http://wearhouse-dev.webshopapp.com/vans/">VANS<i class="fa fa-angle-down"></i></a>
                    <div class="megamenu ">
                        <ul class="dropmenu">
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/old-skool/" class="animsition-link">OLD SKOOL</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/classics/" class="animsition-link">CLASSICS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/boots/" class="animsition-link">BOOTS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/atwood/" class="animsition-link">ATWOOD</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/iso-runners/" class="animsition-link">ISO RUNNERS</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/sk8-hi/" class="animsition-link">SK8-HI</a></li>
                            <li><a href="http://wearhouse-dev.webshopapp.com/vans/pro/" class="animsition-link">PRO</a></li>
                        </ul>
                    </div>
            </ul>
        </nav>
    </div>
    <!-- end row-->
</div>
<!-- end container -->

Answer 1

你可以使用Yammm Mega Menu.Mostly来创建Mega菜单，它很容易实现