引导导航响应问题

Question

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

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

!(https://i.stack.imgur.com/L7kUV.jpg)

我不希望导航下降。

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

!(https://i.stack.imgur.com/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;
    }
}