Wordpress 站点下拉菜单突然停止工作
Wordpress site dropdown menu suddenly stopped working
我已经尝试搜索有关此问题的论坛,但找不到适合我的情况。
我将 elementor 与 Wordpress 和 Astra 主题一起使用。出于某种原因,当您尝试单击菜单时,下拉菜单突然消失得很快。下拉菜单也在某些页面(不是首页)上的图片后面。我没有对菜单进行任何编辑,我也不知道它是怎么发生的。
这里用图片后面的菜单显示了我的意思
它不会在首页上执行此操作。
有人知道我如何解决这个问题吗?
顶部元素HTML元素...
<div data-elementor-type="product-archive" data-elementor-id="589"
class="elementor elementor-589 elementor-location-archive product" data-
elementor-settings="[]">
... 相对定位但未设置 z-index。
如果您将 z-index 设置为低于 9999(子菜单的索引),它会起作用。我认为您可以在主题的自定义 css 部分中使用此 css:
div.elementor {
z-index: 99;
}
可能是主题的bug,或者是主题和插件的冲突。
我使用这个习惯 CSS 来解决问题:
#masthead {
z-index:99999
}
#content {
z-index: 0;
}
基本上,使 header 的索引高于内容索引并起作用。
我已经尝试搜索有关此问题的论坛,但找不到适合我的情况。
我将 elementor 与 Wordpress 和 Astra 主题一起使用。出于某种原因,当您尝试单击菜单时,下拉菜单突然消失得很快。下拉菜单也在某些页面(不是首页)上的图片后面。我没有对菜单进行任何编辑,我也不知道它是怎么发生的。
这里用图片后面的菜单显示了我的意思
有人知道我如何解决这个问题吗?
顶部元素HTML元素...
<div data-elementor-type="product-archive" data-elementor-id="589"
class="elementor elementor-589 elementor-location-archive product" data-
elementor-settings="[]">
... 相对定位但未设置 z-index。
如果您将 z-index 设置为低于 9999(子菜单的索引),它会起作用。我认为您可以在主题的自定义 css 部分中使用此 css:
div.elementor {
z-index: 99;
}
可能是主题的bug,或者是主题和插件的冲突。
我使用这个习惯 CSS 来解决问题:
#masthead {
z-index:99999
}
#content {
z-index: 0;
}
基本上,使 header 的索引高于内容索引并起作用。