Pls help with JS mobile sub menu, if you can? When i put coursor over submenu it opens behind the main one and not clickable: can't click on submenu "УСЛУГИ"->"ЛИЦЕНЗИИ СВЯЗИ" So i tried changing Z index from 1 to 2 or 3 - not helped (example Wordpress Mobile Menu Not Clickable) Else i found Float: Left tag could be the reason - not helped too (Ex. css menu not clickable (in mobile)) Else i tried look for the reason in F12 and found class .poduslugi in CSS that describes the behavior of sub menu but i can't see the couse of the problem there: F12 shows the class and before after tags, but what's wrong? Else i searched CSS code for .poduslugi class and here it is:

header .top_menu li.current-menu-item a {
color: #2597d9;
}
header .top_menu li.current-menu-item a:after,
header .top_menu li.current-menu-item a:before {
    display:none;
}

header .poduslugi {
    position: absolute;
    flex-direction: column;
    padding: 0 !important;
    background-color: #f7f7f7;
    padding: 30px !important;
        border: 0px solid #ccc;
    border-bottom-width: 1px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
    margin-top: 9.5px !important;
    margin-left: -38px !important;
}
header .poduslugi li {
    margin:0;
    padding: 0;
    max-width: 100%;
}
header .poduslugi a {
    overflow: visible !important;
    display: block !important;
    color: #000 !important;
    padding: 10px !important;
    height: initial !important;
}

.show {
    overflow: visible !important;
    display: block;
    cursor: default;
}