Wordpress通过搜索框将Jquery Mega菜单添加到页面顶部

Question

我想在搜索框的顶部菜单中添加Jquery Mega Menu。

我能够将菜单添加到顶部，但搜索框无法正确显示。

请参阅Demo2.sarwana.co.uk

我添加了以下css，但仍然无法让它在我的菜单中正确显示。

.woocommerce-product-search {
    display: none;
}
.woocommerce-product-search {
    display: block;
    float: right;
    position: relative;
    margin-top: -40px;
}

https://drive.google.com/file/d/0B8gFW78WkjMSeVFBVnA1NFBmX3c/view?usp=sharing

Answer 1

#dc_jqmegamenu_widget-2-item ul li a {
    background-position-y: top !important;
}

检查背景位置。此规则修复它

Answer 2

#dc_jqmegamenu_widget-2-item ul li a {
    background-position-y: top !important;
    height: 1em;
}   
#dc_jqmegamenu_widget-2-item ul li form { 
    margin-top: auto; 
    height: 1em;
}