子子菜单未出现在移动设备上

Question

在询问this question之后，我能够为我的网站添加子子菜单支持。但是，在移动设备上，菜单只显示为空白行。

Answer 1

替换：

#menu .menus li > ul.menus {
  transform: translateX(100%) scale(1.0);
  top: 0;
}

与

@media only screen and (min-width: 981px) {
  #menu .menus li > ul.menus {
    transform: translateX(100%) scale(1.0);
    top: 0;
  }
}

如果最糟糕的情况发生，您可以不替换任何内容，只需添加以下代码：

@media only screen and (max-width: 980px) {
  #menu .menus li > ul.menus {
    transform: translateX(100%) scale(1.0) !important;
  }
}