Joomla 4 带有 2 行水平菜单

Question

我正在使用 Joomla 4 和 Cassiopeia 主题（实际上是 Cassiopeia 的子主题）我想要将菜单放在水平两行上。当我向菜单添加一个项目时，它会增大右侧的导航容器，而不是自动向下移动到第二行。我认为这是来自 Bootstrap 5 nav 的正常行为。

导航栏中的导航也将占据尽可能多的水平方向空间尽可能大

到目前为止，我可以在

menu

位置使用 2 个菜单和 2 个模块来实现。缺点是小屏幕上有两个“汉堡”菜单。那么，有没有一种简单的方法可以在两行菜单上显示项目？

Answer 1

 .container-header .mod-menu {
    flex-wrap: wrap;
}

上面

user.css

中的代码成功了。

Answer 2

如果您想获得一个水平两行的菜单，如 virtualconsume.ch 所示，请耐心观看以下视频并自行重新创建菜单。我想你会成功的:-)