css - WordPress 拆分菜单

Question

我正在编写我的第一个 WordPress 主题并试图解决这个问题:

1. 在桌面版网站上，我想将菜单分成 2 个部分。一个会出现在 Logo 的左侧，另一个会出现在我的 Logo 的右侧( Logo 居中)。我知道如何做到这一点的唯一方法是在 WP 中创建 2 个单独的 MENU 对象，然后相应地使用 CSS 定位每个对象。

2. 然而，当我想将菜单转换为适合移动设备的下拉菜单时，这会导致问题，因为在上面显示的方法中，我最终得到了 2 个单独的菜单项列表(左和右)和我不知道如何将它们合并到一个适合移动设备的下拉菜单列表中。

例如，我知道我可以编写自定义 CSS 以在菜单项 #2 和元素 #3 之间添加边距。但由于我正在编写主题，因此这种方法行不通，因为它需要预先知道将出现多少菜单项。我需要它无论菜单项的数量如何都可以工作，并且允许人们使用 WP Menu UI 重新排列菜单项。

这是解决这个问题的错误方法吗？如果您能建议如何更好地解决这个问题，我将不胜感激。

Answer 1

可能与 CSS:

ul.2-columns {
  -moz-column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-count: 2;
  -webkit-column-gap: 60px;
  column-count: 2;
  column-gap: 60px;
}