如何确保我的大型菜单漂浮在网站内容上

Question

我在 Wordpress 中使用 Avada Child 主题，最近开始在顶部导航上尝试超级菜单。大型菜单在主页上运行，但在其他页面上它位于内容“后面”。我看到很多有关 z-index 和绝对/相对定位的信息。

有人建议在 Wordpress 中准确输入代码的位置，以确保大型菜单在悬停时始终位于页面内容的前面吗？

为了进一步参考，这是我参考的网站：www.redpathcg.com

我尝试将 z-index: 999 添加到大型菜单 CSS 并将位置更改为“绝对”

Answer 1

为了确保您的大型菜单浮动在所有页面上的内容上，请按照以下步骤操作：

1. 检查菜单：右键单击菜单并使用“检查”来识别超级菜单的 CSS 类或 ID。

2. 修改CSS：

   • 在外观>自定义>附加CSS或子主题的style.css文件中添加以下代码：

   .fusion-megamenu {
       position: absolute;
       z-index: 9999;
   }
   

3. 跨页面测试：清除缓存并在不同页面上测试菜单以确保其正确显示。