WordPress的:与儿童主导航链接不工作在移动?

WordPress的:与儿童主导航链接不工作在移动?

问题描述:

我目前正在制作一个WordPress页面,并且由于某种原因,当菜单崩溃时,所有的菜单项都与孩子停止工作。我不知道任何JavaScript(还)或者真的比基本的HTML和CSS还要多,所以我有点头大,想弄清楚为什么会发生这种情况。我试过去devtools,以确保href仍然存在,这是我不知道在这一点上还需要寻找什么。任何建议都会很棒。WordPress的:与儿童主导航链接不工作在移动?

该网站为here

+0

“停止工作”是什么意思?导航折叠时,您将如何使用菜单项? – janh

+0

因此,当它被折叠然后打开时,顶层菜单项(关于多媒体和摄影)停止加载他们应该点击的页面。 –

当导航折叠时(手机等),您的子菜单项似乎工作正常。子链接项设置为显示:block!在折叠时很重要,这就是为什么所有时间都出现的原因,而不仅仅是在父级悬停时(如桌面屏幕宽度)。

如果希望孩子链接只出现父母被选中,然后尝试从style.css中删除显示块,如下所示。就我个人而言,我认为它更适用于它。

@media screen and (max-width: 991px) 
ul.slicknav_nav ul { 
    position: relative !important; 
    top: 0 !important; 
    left: 0 !important; 
} 
+0

这很有帮助,很高兴知道,但不是什么问题。您是否看到了当您查看移动设备上的菜单时如何尝试点击任何父项(所有父页都链接了页面),则链接无法正常工作。我不知道为什么会发生这种情况,尤其是当他们在桌面上查看菜单时确实会发生这种情况。 –

+0

我相信亚当可能会做某件事。匆匆一瞥,我相信该脚本的设计目的是让第二层隐藏在移动设备上,并且只有当您点击其中一个第一关卡时才会显示。当你点击第一层时,你也会看到它在二级菜单上使用了“slideUp”动画 - 有时至少是这样。也许你根本不需要slicknav?其中大部分可以通过媒体查询轻松完成。 – janh

+0

这是链接无法正常工作的原因吗? –