试图使页面响应

Question

我试图使页面链接响应，特别是菜单栏。我已经添加了下面的CSS，希望使菜单响应，但一旦我拖动页面超过1140 px宽度，一个缺口出现之间的菜单栏和滑块在它上面。这会逐渐变宽，页面越窄。有办法解决这个问题吗？

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

页面链接：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类的页边距似乎是30%。如果你去掉它，它就会修复它。

Answer 2

查看css样式表，该id (#access a)似乎被以下css行否决了: NAV ULI.page_item.page-item-1145 A。

您可以添加！对#acess a很重要，或者您可以更改类NAV ULLI.page_item.page-1145 A以控制菜单栏内的字体大小。