jquery - css 菜单制作器无法在移动设备上运行

Question

我想使用 this menu 对于我的网站。它在桌面(甚至是移动版本)上运行良好，但在我的 Iphone 4s 上，移动版本无法运行。

我只将它添加到菜单的 css 中。

nav{
    &#cssmenu{
        font-family:$font-principale !important;
        #menu-line {
          background: $couleur-principale;
        }
    }
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: $couleur-principale !important;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: $couleur-principale !important;
}
#cssmenu ul ul li a {
  background: $couleur-blanc !important;
  color: $couleur-gris-fonce !important;
}
#cssmenu ul ul li a:first-child {
    border-top:1px solid $couleur-gris-pale;
}   
#cssmenu ul ul li.has-sub > a::after {
  border-bottom: 1px solid $couleur-gris-fonce !important;
  border-right: 1px solid $couleur-gris-fonce !important;
}

问题是什么？

谢谢。

Answer 1

删除所有这些

nav{
    &#cssmenu{
        font-family:$font-principale !important;
        #menu-line {
          background: $couleur-principale;
        }
    }
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: $couleur-principale !important;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: $couleur-principale !important;
}
#cssmenu ul ul li a {
  background: $couleur-blanc !important;
  color: $couleur-gris-fonce !important;
}
#cssmenu ul ul li a:first-child {
    border-top:1px solid $couleur-gris-pale;
}   
#cssmenu ul ul li.has-sub > a::after {
  border-bottom: 1px solid $couleur-gris-fonce !important;
  border-right: 1px solid $couleur-gris-fonce !important;
}

这是工作。 我会直接在css菜单标记css中添加我的css