Я работаю над новым обновлением для своего сайта, и мы используем новый Divi 4. Я все настроил и работал с новыми заголовками и меню темы, пока не обнаружил проблему с перекрывающимся содержимым на мобильном устройстве. view.
Я пытался использовать 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;
}