移动设备上未显示子菜单

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;
  }
}