在某些断点处不起作用的链接？

Question

注意到我的网站http://www.feelunreal.co.uk

存在问题

由于某种原因，当浏览器宽度低于1280px一直到767px时，链接不起作用。我指的是菜单栏（左上角）和社交媒体链接（右上角）。

我目前没有可能影响他们的任何媒体查询，我认为这可能与z-index有关但在消除之后我无法解决这个问题。它太奇怪了，因为它在1280px以上完全正常工作。

我有一个单独的移动设备菜单，这似乎也很好。

只需要一双新眼睛就可能会注意到我缺少的东西或者我出错的地方。

任何帮助都将不胜感激。

Answer 1

你有一个阻止链接的h3：

<h3>Feel Unreal</h3>

这个h3继承了这个类：.f2-f3，它具有以下百分比作为宽度，只有在窗口宽度低于特定宽度时才会阻止：width: 81.70572917%; 这看起来像一个计算的宽度，当窗口大小改变时会改变。

Answer 2

您的<h3>放置了导航。 将更高的z-index附加到导航部分。

Answer 3

请检查您的main.css文件行号211 .. 您必须在定义元素z-index:99999;

的位置添加此属性

所以它看起来像这样。

nav {
    position: relative;
    z-index: 999999;
}

Answer 4

我只是将一个样式放在链接所在的z-index比其他元素更高的例子：（style =“z-index：9999999;”），这将是简单快速的修复。< / p>