使基础粘性 div 可点击

Make underlying sticky div clickable

On this page(Wordpress 站点),粉红色的元素在触摸菜单时变得粘稠。但是这个元素是不可点击的,因为左边的标志,使得菜单包装更高,从而使粘性元素不可点击。

我无法在 menu div 上使用 pointer-events:none,因为那样会使菜单 + 徽标无法点击。

此外,z-index 没有用,因为粘性元素嵌套在内容包装器中。因此,如果我使内容的 z-index 高于菜单,则内容将滚动到菜单顶部。

我可能应该将粘性元素与内容包装器分开,但由于我不是 Wordpress 线框方面的专家,所以我不知道该怎么做。

或者还有其他我可以尝试的技巧吗?

如果您只是将 class fusion-logo 设置为 position: absolute 徽标容器将不会遵循元素的正常流动,因此 fusion-header 高度将为与导航菜单相同,粉红色元素将位于其正下方,可点击