2016-06-07 116 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