如何在手機上製作prestashop頂級菜單

Question

如何讓我的頂級菜單垂直並在移動設備調整大小時每行僅顯示一個項目？

現在它看起來像這樣（的Prestashop 1.6移動充值菜單失敗）：

在此先感謝您的意見！

Answer 1

您可以將display:block;添加到li。

@media (max-width: 767px) 
{ 
.sf-menu > li { 
    float: none; 
    position: relative; 
    border-right: none; 
    display: block; 
    } 
}