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

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

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

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

#1

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

但是, 这是为你提供的一种解决方案。滚动页面时, 它将使标题保持一种状态, 并且不进行转换。我还使用了@media only screen和(最小宽度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;
}

#2

！播放位置元素并”固定”它:)

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

我将其添加到此页面中b / c其他页面不受影响, 此问题现在在台式机和移动设备上均已解决。设置为：

position: absolute

这显然比我知道的还要多。谢谢你的关注！