css菜单制造商赢得了移动工作

时间:2016-02-28 01:16:25

标签: jquery css mobile menu navigation

我想使用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;
}

有什么问题?

感谢。

1 个答案:

答案 0 :(得分:0)

删除所有这些

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