css - 使导航下拉菜单出现在滑块上

Question

我的 WordPress 主题有问题。导航似乎位于滑块后面。主题基于“二十一”。但这应该是一些CSS的变化。

我不太确定如何处理这个问题，非常感谢任何反馈。

当我向上推动滑块时（我想要它）：

当滑块被按下时：

Answer 1

将z-index子菜单的 设置为高于z-index滑块 ( z-index: 100) 的 。

例子：

.main-navigation li ul {
   display: none;
   margin: 0;
   padding: 0;
   position: absolute;
   top: 100%;
   z-index: 1000;
}