滑出菜单链接无效

Question

我正在开发一个目前正在开发的网站http://six03.com/ART。我想到我已将所有内容全部用于部署，直到我在移动设备上以320x480模式返回，并且幻灯片菜单上的所有链接都无法在我测试过的任何移动设备上运行，无论如何分辨率，在任何页面上。

我已经更新并恢复了jQuery的工作副本，我已经尝试过了z-index:1;我已经想到了我所能做的一切，并且无所不能地研究了我所能做的一切。现在我在这里寻求帮助。

我会在这里做一些研究，看看是否有任何类似的问题，或者如果有人知道类似于此的线程，那么该方向的一点也将非常受欢迎。感谢。

Answer 1

我将假设您的意思是仅在主页上仅显示菜单中的“推荐”和“联系”链接。

如果是这种情况，那么你的问题与jQuery无关。

您的.region元素也已定位，因此它正在菜单上呈现。 设置nav {z-index: 1}和.region {z-index: 0} 应该解决问题，因为它会将菜单放在其他定位内容上。

Answer 2

我最终摆脱了菜单中的重复图标，我不需要它，在z-index: 1;容器上放置nav。我还更改了menu-icon到relative的定位，而不是fixed，这解决了我能够测试的移动设备中的问题。

Answer 3

除非这是一项设计功能，否则当桌面浏览器缩放到较窄的宽度时，汉堡包图标不再位于左上角和英雄形象中。