2016-06-07 152 views
0

我在我的WordPress博客中有一個頂級菜單,其中包括3個div:一個導航​​div,一個社交圖標,一個搜索欄。導航覆蓋其他divs

導航div覆蓋其他地方,所以他們完全失去了它的功能。

如果我爲寬度設置了一個較低的值,它將更改菜單的整個外觀。它也有它的移動版本,所以我需要它是100%。

有什麼建議嗎?

這裏的鏈接:http://ahseamodapega.provisorio.ws/

+2

請發表您的代碼! –

+0

我使用螢火蟲查看代碼..因爲涉及很多類別,所以無法在此處發佈....代碼非常龐大! –

回答

0

嘗試增加Z-index屬性,見下面的CSS代碼:

#MenuFixoTop { 
    position: relative; 
    width: 100% !important; 
    z-index: 1000; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
    z-index: 0; 
} 

.nav-search { 
    padding: 18px 0; 
    float: right; 
    margin-right: -293px; 
} 

@media (min-width: 768px) { 
    .nav-search { 
     padding: 18px 0; 
     float: right; 
     margin-right: 0; 
     right: 0; 
     position: absolute; 
    } 
} 
+0

如果我將寬度設置爲70%,div移到中心.....而不是對齊到左側..... –

+0

還有一個JavaScript,它可以在頁面滾動時使其動畫......腳本將menuright邊距設置爲0並自動設置爲40px .... –

+0

請參閱我的更新代碼,如果這有幫助。 – Rohit