删除网站中移动菜单上使用的CSS中的空白区域(Removing the white space in a CSS used on a mobile menu in a web site)

删除网站中移动菜单上使用的CSS中的空白区域(Removing the white space in a CSS used on a mobile menu in a web site)

我正在使用CSS设计我的网站的移动版本，并在顶部菜单有一个空白区域。 我希望这个空白区域为空白或蓝色。

我试图改变它，但它已将整个菜单更改为透明或蓝色。

有没有办法改变这个，或者有没有办法添加一个蓝色块，它只出现在顶部，徽标后面和菜单切换后面，但是在白色空白区域前面？

该网站是www.sassco.co.uk，您可以在将其折叠到移动设备时看到问题。

I'm styling the mobile version of my website using CSS, and at the top the menu has a white space. I want this white space to be blank, or blue.

I have tried to change it, but it has changed the entire menu to transparent or blue.

Is there a way to change this, or is there a way to add a blue block which only appears at the top, behind the logo and behind the menu toggle, but in front of the white blank space?

The site is www.sassco.co.uk and you can see the issue when you collapse it to mobile.

最满意答案

.navbar-inner { background-image:none; border:none; }

花了一些时间来弄清楚那个酒吧是什么。 这是你需要改变的吗？

编辑：更改顶部栏背景颜色后，新的CSS影响了下拉链接背景颜色。 要解决此问题并更改下拉列表背景颜色，请使用下面的css。 这将设置锚标签的样式：

#fav-navbar-collapse li a { background: rgb(230,230,230); } .navbar-inner { background-image:none; border:none; }

Took me awhile to figure out what that bar was. Is this what you needed to change?

EDIT: After changing the top bar background color the new css effected the dropdown links background color. To fix this and to change the dropdown list background color use the css below. This will style the anchor tags:

#fav-navbar-collapse li a { background: rgb(230,230,230); }