Bootstrap导航响应问题

Question

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

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

！（https://i.stack.imgur.com/L7kUV.jpg）

我不希望导航器停机。

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

！（https://i.stack.imgur.com/2KMOQ.jpg）

这是我的Navbar的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;
    }
}