CSS 菜单制作工具无法在移动设备上工作

Question

我想使用这个菜单为我的网站。它在桌面（甚至是移动版本）上运行良好，但在我的 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