移动标头不可点击

时间:2017-11-02 13:20:58

标签: javascript jquery css header

我为移动设备创建了一个移动标头。我现在的问题是,如果您点击Menü,菜单会显示,但您无法通过点击 Schliessen 再次隐藏菜单。函数closeExtendMenuMobile()也设置了一个onclick事件。

此外,如果您在控制台中调用函数closeExtendMenuMobile(),菜单会再次崩溃。那怎么样?

为什么事件不可点击,我该如何解决?

这是我正在谈论的网站:https://classymagazin.de/home/ 您必须将网站加载为“移动设备”。手段,低于920px!

2 个答案:

答案 0 :(得分:0)

ID为extendMenuMobile的元素与链接重叠,因此您无法点按它。

也许尝试给extendMenuMobile一个绝对位置和一个顶点来推下它,这样就不会覆盖链接。

OR

将#extendMenuMobile和.vc_custom_1509619992888设置为相对位置并为其指定适当的z-index。

我发现这是使用firefox的“响应式设计模式”设置为移动大小,而“Inspector”中内置的firefox都在“Developer”部分下。

答案 1 :(得分:0)

div#headerHeadingMobile {
    position: relative;
    z-index: 999;
}

诀窍。