Jquery 如何使子菜单更接近主菜单？

​我正在为一个客户做一个项目，他们希望他们的徽标和菜单在两条不同的线上，并以页面为中心。我已经更改了css编码以实现这一点，但是现在当我将光标放在Models菜单上时，子菜单比它应该的低大约100px。我已经尝试了我能想到的一切，试图找出是什么原因导致它下降那么远，我正在认输，并点击留言板

这是一个SuperFish菜单，但它是我购买的wordpress模板的一个包

我已经概述了标题容器橙色，整体导航容器红色和导航包装绿色

HTML代码

<div class="navigation-wrapper"><div class="gdl-current-menu" ></div><div id="main-superfish-wrapper" class="menu-wrapper"><ul id="menu-menu-2" class="sf-menu">    
<li id="menu-item-148" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="http://mauleairinc.com/maule-air-technical-manuals-and-documents/"><i class="gdl-menu-icon icon-wrench" ></i><span class="gdl-des-prepend"><span class="gdl-label">Support</span></span></a>
    <ul class="sub-menu">
        <li id="menu-item-277" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/flight-manuals/"><span class="gdl-sub-label">Flight Manuals</span></a></li>
        <li id="menu-item-276" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/maintenance-manuals/"><span class="gdl-sub-label">Maintenance Manuals</span></a></li>
        <li id="menu-item-278" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://mauleairinc.com/pdf/modification_kit_index.pdf"><span class="gdl-sub-label">Mod Kid Index</span></a></li>
        <li id="menu-item-274" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/service-bulletins/"><span class="gdl-sub-label">Service Bulletins</span></a></li>
        <li id="menu-item-273" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/service-letters/"><span class="gdl-sub-label">Service Letters</span></a></li>
        <li id="menu-item-272" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/supplements/"><span class="gdl-sub-label">Supplements</span></a></li>
        <li id="menu-item-275" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://mauleairinc.com/rel-oel/"><span class="gdl-sub-label">REL &#038; OEL</span></a></li>
    </ul>
    </li>
</ul></div><div class="clear"></div>

superfish.css

#main-superfish-wrapper ul li span.gdl-label{ font-size: 15px; line-height: 1.3; display: block; }
#main-superfish-wrapper ul li span.gdl-description{ padding-left: 1px; font-size: 12px; display: block; }
#main-superfish-wrapper .gdl-menu-icon{ float: left; font-size: 14px; line-height: 16px; margin-right: 7px; }
#main-superfish-wrapper .gdl-des-prepend { float: left; }

ul.sf-menu, .sf-menu * { margin: 0, auto; padding: 0; list-style: none; }
ul.sf-menu { line-height: 1; }
ul.sf-menu li { float: left; position: relative;  }
ul.sf-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */
ul.sf-menu li a { padding: 0px 20px; line-height: 24px; text-decoration:none; display: block; position: relative; }

/*--- sub menu ---*/
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { left: 0; z-index: 101; top: 46px; } /* top: 46px */
ul.sf-menu li ul{ padding-top: -100px;  }
ul.sf-menu li ul li:first-child{ padding-top: 5px; 
    -webkit-border-radius: 3px 3px 0px 0px; 
    -moz-border-radius: 3px 3px 0px 0px; 
    border-radius: 3px 3px 0px 0px; 
    }
ul.sf-menu li ul li:last-child{ padding-bottom: 5px;
    -webkit-border-radius: 0px 0px 3px 3px; 
    -moz-border-radius: 0px 0px 3px 3px; 
    border-radius: 0px 0px 3px 3px; }
ul.sf-menu ul li a{ padding: 5px 0px; margin: 0px 15px; border-top-width: 1px; border-top-style: solid; }
ul.sf-menu ul li:first-child > a{ border-top-width: 0px; }
ul.sf-menu li ul ul{ padding-top: 0; }  


ul.sf-menu ul { text-align: left;  }
ul.sf-menu ul { position: absolute; top: 100%; width: 10em; }/* left offset of submenus need to match (see below) */
ul.sf-menu ul li { width: 100%; padding: 0px 0px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{ top: 100% }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; top: -1px; } /* match ul width */

ul.sf-menu li li:last-child{ border: 0px; }
ul.sf-menu li li a{ height: auto; background: none !important; }

---

这就是需要进行更改的地方：

<ul class="sub-menu" style="float: none;width: 14.5em; display: none;  top: 150px;">

---

由于代码是内联的，我假设它是在某个地方用Javascript生成的。您能发布与下拉菜单相关的JS代码吗？

请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！ul和li html代码由wordpress生成。没有.sub-menu或ul.sf-menu ul.sub-menu的css类处理程序，因此我尝试使用您建议的样式，但它不会使子菜单更接近主菜单。在第14行的superfish.css文件中查看css更新。如何发布代码块？它限制了角色…对不起，我是新手

<ul class="sub-menu" style="float: none;width: 14.5em; display: none;  top: 150px;">