【隐藏在页面内容后面的主导航子菜单-无法弄清原因】主导航子菜单项显示在此页面上内容的后面。它必须与自定义页面模板有关, 但是我看不到任何干扰的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
这显然比我知道的还要多。谢谢你的关注!
推荐阅读
- WP使Avatar成为超链接
- wp-bakery的位置和文件夹名称
- 使用WordPress Avada子主题将主logo链接到自定义URL而不是首页()
- wordpress帖子类型的限制摘要
- WordPress标签文字为空
- jQuery的.load()函数和WordPress
- jQuery selectmenu选择菜单插件
- WordPress主题内的jQuery可滚动
- 我想使下拉菜单和移动菜单透明,我使用了一个名为simple的主题。