隐藏在页面内容后面的主导航子菜单-无法弄清原因

Question

主导航子菜单项出现在此one page上内容的后面。它必须与自定义页面模板有关，但是我看不到任何干扰的z-index值。在粘性标头上不会发生这种情况，只会在没有向下滚动时可见的主标头上发生。

当我将z-index值添加到标题和子菜单以及position：inherit（和其他）时，它没有帮助。令人反感的部分从下面的代码开始。

 <div style="margin-bottom:35px;margin-top: 20px;">

Answer 1

我不知道为什么，而且我不认为z-index或position有问题。可能是由于添加了所有类，以及向下滚动页面时标题重复的事实。

但这是为您提供的一种解决方案。滚动页面时，它将使标头保持一种状态，并且不进行转换。我还使用@media only screen and (min-width 1000px)作为断点，因为那是您网站的自适应CSS发生变化的时间。因此，我们几乎不对移动CSS进行任何更改。

@media only screen and (min-width 1000px) {
.financity-header-style-plain {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
} }

而且我还注意到，在移动设备上，向下滚动时，侧边栏菜单隐藏在其他内容的后面，因此请将z-index添加到以下元素：

.mm-menu.mm-offcanvas.mm-current {
z-index: 90;
}

Answer 2

Ph！播放位置元素并“固定”它：）

.sf-menu > .financity-normal-menu ul { position: fixed !important; }

我将其添加到此页面中b / c其他页面不受影响，并且台式机和移动版均已解决该问题。设置为：

position: absolute

显然比我知道的要多。谢谢您看一下！