如何在移动设备上使 prestashop 顶部菜单垂直

Question

如何使我的顶部菜单垂直并且在调整到移动设备的大小时每行只显示一项？

现在看起来像这样（Prestashop 1.6 mobile top-menu-fail）：

提前感谢您的建议！

Answer 1

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

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