2015-04-22 84 views
1

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

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

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

该网站为www.sassco.co.uk,您可以在将其折叠到手机中时看到问题。

+1

你能添加足够的代码来重现问题本身的问题?当URL的内容被更改/删除时,这不太可能有助于未来有类似问题的其他人。 – BSMP

+0

嗨。我只是倾向于使用萤火虫右键单击并检查CSS并尝试没有运气。 –

+0

嗨,我试图检查您的代码在浏览器开发人员选项,并发现媒体查询@media掌上电脑,只有屏幕和(最大宽度:767px){}写不正确,因此它不工作,并显示白色背景回 –

回答

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

花了我一会儿来弄清楚那个酒吧是什么。这是你需要改变的吗?

编辑:改变顶部栏背景颜色后,新的CSS影响下拉链接背景颜色。要解决此问题并更改下拉列表背景颜色,请使用下面的css。这将风格的锚定标记:

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

这就是正确的CSS行,但当我更改背景时,它也会更改移动设备上的下拉菜单。 –

+0

我在回答中添加了css来更改下拉链接的背景颜色。让我知道这是否有帮助。 – Charlie

+0

绝对正确。现在在折叠的移动版本上,菜单栏和下拉菜单看起来非常整齐。谢谢! –