2014-03-28 62 views
1

我正在使用wordpress jquery垂直megamenu插件。jquery菜單調整右下拉

我已經使用插件來顯示類別下拉菜單。這裏的問題是「子容器」沒有正確定位到「李」。

子容器出現一點下降。

 <ul> 
     <li><a href="#">Category1</a> 
      <div class="sub-container> 
       <ul class="sub"> 
        <li><a href="#">Category1</a></li> 
        <li><a href="#">Category2</a></li> 
       </ul> 
      </div> 
     <li> 
     <li><a href="#">Category2</a></li> 
     <li><a href="#">Category3</a></li> 
    </ul> 

JSFiddleworking link

回答

1

這似乎是一個純粹的CSS相關的問題。我已經更新了子容器有以下CSS

left:100%; 
top:-1px; /* this is to combat the top border */ 

,然後給出主李的一個position:relative;

更新的jsfiddle:http://jsfiddle.net/8j99k/3/

編輯:按照工作實例..請改變這樣做的以下CSS聲明的工作: 文件:screen.css, 行:3124

figcaption #dc_jqverticalmegamenu_widget-4-item ul li .sub-container{ 
    left:100% !important; 
    top:-1px; 
    margin-top:0 !important; 
} 

文件:skin.php, 行:5

#dc_jqverticalmegamenu_widget-4-item ul li{ 
    position:relative; 
} 

正如我上面提到..這是一個純粹的CSS問題..你有!important風格,是壓倒一切的東西..

+0

如果菜單在另一個位置是絕對位置的div裏面。它不工作。 –

+0

你可以更新你的jsFiddle,以包括所有的代碼限制,然後請。這可能仍然是一個CSS問題,但是與樣式表中的css樣式的非特殊性有關 – haxxxton

+0

我更新了(jsfiddle):[http://jsfiddle.net/Bl_praveen2004/8j99k/4/] –