未在移動設備上顯示的子子菜單

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