wordpress 为什么弹出移动的菜单出现< div id="custom-header-code" class="topheader">在移动的手机下面？

ao218c7q 于 2024-01-06 发布在 WordPress

关注(0)|答案(1)|浏览(175)

当我在浏览器中使用网站管理员工具模拟iPhone测试the page时，一切看起来都很好。移动的菜单覆盖了所有内容，完全可见。但是当我在iPhone上实际使用visit the website时，弹出菜单的顶部被一个div遮住了，这个div是通过WordPress函数添加到HTML中的。它被桌面上的CSS隐藏了。
我怎么能把菜单放在最上面呢？
下面是我生成的HTML的简化版本。

<body>
**<div id="custom-header-code" class="topheader">content</div>**
<div id="gen-wrap" class="wrapper">
    <header> <!-- for mobile -->
        <div class="wpb_wrapper">
            <div id="header-logo">content</div>
            <div id="mobile-container-toggle">content</div>
            **<div id="mobile-container">flyout menu content</div>**
            <div id="mobile-container-overlay"></div>
    </header> <!-- for mobile -->
    <header> <!-- for desktop -->
        <!-- content -->
    </header> <!-- for desktop -->
</div>

字符串
我尝试为不同的元素设置z索引。

wordpress

来源：https://stackoverflow.com/questions/77655606/why-does-flyout-mobile-menu-appear-below-div-id-custom-header-code-class-top