Navigation 第三级导航项目离开屏幕，未包装

以下是网站：

如果查看“解决方案”下并将鼠标悬停在“客户关系管理”上，则子菜单MS Dynamics CRM将根据屏幕大小飞出屏幕。有没有办法让它从另一个方向飞出来，停留在屏幕上，从下面掉下来，或者其他什么

我将WordPress4.1与Impreza主题一起使用

我曾考虑将所有辅助菜单的宽度限制为125px，并将文字换行，但我似乎无法使其工作： CSS:

HTML:

---

提前感谢您的帮助

如果要限制宽度：

.level_2, .level_3 {
    max-width: 125px;
}

---

开发者在他们的网站上为我回答了这个问题。他们有一个css类。向左下拉可使菜单转到另一个方向

<li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_sublevel w-nav-item level_1 menu-item-48 togglable"><a class="w-nav-anchor level_1" href="https://trovarebusinesssolutions.com/solutions/"><span class="w-nav-title">Solutions</span><span class="w-nav-arrow"></span></a>
<ul class="w-nav-list level_2" style="opacity: 0; display: none;">
    <li id="menu-item-94" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sublevel w-nav-item level_2 menu-item-94 togglable"><a class="w-nav-anchor level_2" href="https://trovarebusinesssolutions.com/solutions/microsoft-dynamics-crm/"><span class="w-nav-title">Customer Relationship Management</span><span class="w-nav-arrow"></span></a>
    <ul class="w-nav-list level_3" style="opacity: 0; display: none;">
        <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page w-nav-item level_3 menu-item-33"><a class="w-nav-anchor level_3" href="https://trovarebusinesssolutions.com/solutions/microsoft-dynamics-crm/"><span class="w-nav-title">Microsoft Dynamics CRM</span><span class="w-nav-arrow"></span></a>       </li>
    </ul>
    </li>
    <li id="menu-item-95" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_sublevel w-nav-item level_2 menu-item-95 togglable"><a class="w-nav-anchor level_2" href="https://trovarebusinesssolutions.com/solutions/click-dimensions/"><span class="w-nav-title">Marketing Automation</span><span class="w-nav-arrow"></span></a>
    <ul class="w-nav-list level_3" style="opacity: 0; display: none;">
        <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page w-nav-item level_3 menu-item-49"><a class="w-nav-anchor level_3" href="https://trovarebusinesssolutions.com/solutions/click-dimensions/"><span class="w-nav-title">Click Dimensions</span><span class="w-nav-arrow"></span></a>       </li>
    </ul>
    </li>
</ul>
</li>

.level_2, .level_3 {
    max-width: 125px;
}