Question

我正在尝试将页面链接响应，特别是菜单栏。我已经添加了以下CSS，希望使菜单响应，但只要我将页面向下拖动大约1140像素宽度，菜单栏和它上方的滑块之间就会出现间隙。页面变得越窄，这就会逐渐变宽。无论如何要解决这个问题吗？

font属性没有任何效果，我查看了CSS文件，但找不到控制菜单中字体大小的ID或类？

页面链接：http://dbtest.destinationballybunion.ie/?page_id=2160

这是我添加的CSS：

#access {
background: url('http://dbtest.destinationballybunion.ie/wp-content/uploads/2014/05  
/new-menu-back1.jpg');
background-repeat:no-repeat;
background-size: 100% 100%;
background-size: contain;
}

#access {
position: absolute;
top: 4.35%;
left: 0%;
right: 0%;
z-index: 100;
}

#access a {
padding-top: 15px;
padding-bottom: 11px;
}

#access a {
font-size: 4.5vw;
}

Answer 1

班级.culture似乎有30px的上边距。如果删除它，它应该修复它。

Answer 2

查看css样式表，似乎id（#access a）被这行css推翻： NAV DIV UL LI.page_item.page-item-1145 A.

您可以将＃important添加到#acess a，或者您可以更改类NAV DIV UL LI.page_item.page-item-1145 A以控制菜单栏中的字体大小。

试图使页面响应

2 个答案: