如何在移动设备上制作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;
  }
}