css - Bootstrap Navigation 响应问题

Question

这是我的导航 http://www.noor-azmi.com/element/nav.html

问题是当我最小化浏览器时，您可以看到导航在变为移动导航图标之前下降了

!( /image/L7kUV.jpg )

我不希望导航下降。

第二个问题是，当它成为移动导航时，我不想再在文本顶部使用绿色顶部边框。

!( /image/2KMOQ.jpg )

这是我的导航栏的 CSS

 .new-nav li a {
                display: block;
                padding: 0 80px;
                padding-top: 20px;
                border-top: 5px solid #89c765;
                color: #b2b3b6;
            }

我尝试使用此类更改移动导航的属性

.navbar-toggle a 但不改变。

请帮忙谢谢

Answer 1

问题 #1:改变这个:

.navbar li a {
  padding:0 30px;
}

为此:

.navbar li a {
  padding:0 24px;
}

问题 #2:添加此代码:

@media (max-width:767px){
    .navbar a {
        border:none;
    }
}