我在我的WordPress博客中有一個頂級菜單,其中包括3個div:一個導航div,一個社交圖標,一個搜索欄。導航覆蓋其他divs
導航div覆蓋其他地方,所以他們完全失去了它的功能。
如果我爲寬度設置了一個較低的值,它將更改菜單的整個外觀。它也有它的移動版本,所以我需要它是100%。
有什麼建議嗎?
這裏的鏈接:http://ahseamodapega.provisorio.ws/
我在我的WordPress博客中有一個頂級菜單,其中包括3個div:一個導航div,一個社交圖標,一個搜索欄。導航覆蓋其他divs
導航div覆蓋其他地方,所以他們完全失去了它的功能。
如果我爲寬度設置了一個較低的值,它將更改菜單的整個外觀。它也有它的移動版本,所以我需要它是100%。
有什麼建議嗎?
這裏的鏈接:http://ahseamodapega.provisorio.ws/
嘗試增加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;
}
}
如果我將寬度設置爲70%,div移到中心.....而不是對齊到左側..... –
還有一個JavaScript,它可以在頁面滾動時使其動畫......腳本將menuright邊距設置爲0並自動設置爲40px .... –
請參閱我的更新代碼,如果這有幫助。 – Rohit
請發表您的代碼! –
我使用螢火蟲查看代碼..因爲涉及很多類別,所以無法在此處發佈....代碼非常龐大! –