Sub Menu

The sub-menu in mobil mode. The css code also not working

@media only screen and (min-width: 1px) and (max-width: 1000px) {

.nav-menu {
display:none;
}
.slicknav_menu {
display:block;
}
.sub-menu, .sub-menu li {
opacity: 1;
visibility: inherit;
}
.sub-menu {
position: inherit;
width: inherit;
left: inherit;
margin-left: inherit;
-webkit-transform: none;
-webkit-transform-origin: inherit;
}
.sub-menu li {
background-color: inherit;
position: inherit;
}
/* Odd stuff */
.sub-menu > li:nth-child(odd) {
-webkit-transform: none;
}
.sub-menu > li:nth-child(odd) > a {
-webkit-transform: none;
}
.sub-menu > li:nth-child(odd)::after {
right: inherit;
-webkit-transform: none;
}
/* Even stuff */
.sub-menu > li:nth-child(even) {
-webkit-transform: none;
}
.sub-menu > li:nth-child(even) > a {
-webkit-transform: none;
}
.sub-menu > li:nth-child(even)::after {
left: inherit;
-webkit-transform: none;
}

.sub-menu li {
transition: .2s ease -webkit-transform;
}
.menu > li:hover .sub-menu, .menu > li:hover .sub-menu li {
opacity: 1;
visibility: visible;
}
.menu > li:hover .sub-menu li:nth-child(even) {
-webkit-transform: none;
}
.menu > li:hover .sub-menu li:nth-child(odd) {
-webkit-transform: none;
}
}

• This topic was modified 3 years, 9 months ago by desezepr.