CSS或可能是菜单的Jquery解决方案

我有一个菜单，它是响应，唯一的问题是与子级别，请检查这里的例子

在上面的示例中，“项目2”下“项目2.1”下有另一个子菜单，根据媒体查询，该子菜单不起作用，我希望此子菜单与其他子菜单一样起作用，请拖动小提琴中心区域以查看此操作。。我知道这和css“ul”有关。。尝试了很多，找不到解决方案，如果有CSS经验的人能花5分钟帮我解决这个问题，我将不胜感激

关于

我添加了两个选择器：

.xpopdrop ul ul {
    display: none!important;
 }
.xpopdrop .xpopdrop ul {
    display: block!important;
 }

这似乎奏效了

.xpopdrop ul ul {
    display: none!important;
 }
.xpopdrop .xpopdrop ul {
    display: block!important;
 }