響應式導航具有滾動條？

我一直在搞WordPress的引導主題，當我縮小導航時，它變成了一個滾動條。這很奇怪，因爲它應該重疊。響應式導航具有滾動條？

的網址是：http://sendtohim3dprinting.co.uk/

，這是它的外觀：

我不能完全弄清楚。

這些都是我做的CSS變化：

.navbar { 
    height: 110px; 
    background: #2476bf; 
} 
.collapse.navbar-collapse { 
    max-width: 850px; 
    height: 110px ; 
} 
.menu-item a { 
    height: 110px; 
    width: 200px; 
} 
li.menu-item.menu-item-object-page a, .menu-item-type-custom, .menu-item-type-custom.menu-item-object-custom.menu-item-2413 a { 
    text-align: center; 
    line-height: 90px; 
    font-family: 'Pacifico', cursive ; 
    font-size: 1.5em; 

} 
.collapse.navbar-collapse { 
    float: right; 
}

和原來的CSS的導航欄非常長，但可以發現here

我沒有遇到這樣的問題之前，關於滾動條。

任何幫助，將不勝感激。

來源

2015-08-23 Bradly Spicer

變化'高度：110px'到'高度：auto'或去掉它。 –

已將其更改爲自動，但現在，當我按導航鍵時，它會將頁面向下推並且不會坐在上面 –

只需將overflow: hidden加入您的.nav > li班。像這樣的：

nav > li { 
    position: relative; 
    display: block; 
    overflow: hidden; 
}

來源

2015-08-23 20:29:34 AleshaOleg

如果你的目標是隱藏水平滾動條爲上面的圖片中，你可以試試：

<style type="text/css"> 
body { 
overflow-x:hidden; 
} 
</style>

來源

2015-08-23 20:32:44

響應式導航具有滾動條？

回答

相關問題