Divi菜单与自定义菜单调整重叠内容

Question

我正在对网站进行新的更新，我们正在使用新的Divi4。我已完成所有设置并使用了新的主题标题和菜单，直到我发现移动设备上的内容存在重叠问题视图。

我尝试使用z-index将菜单上推而图像下移，但它似乎根本没有响应。当我显示时，即使是子菜单：无响应也没有响应，所以我一无所知。

这是到目前为止我们对菜单所做的操作。

#mobile_menu1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(221, 0, 0, 1) !important;

}
.mobile_nav.opened #mobile_menu1 {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.et_pb_menu_0_tb_header.et_pb_menu ul#mobile_menu1 li a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 300;
}
.mobile_menu_bar {
    z-index: 99999;
}
.mobile_nav.opened {
    color: #fff;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}
.et_pb_menu_0_tb_header .mobile_nav.opened .mobile_menu_bar:before {
    color: #fff;
}