我正在编写我的第一个WordPress主题，并试图解决这个问题：
在桌面版的网站上，我想将菜单分为两部分。一个会出现在徽标的左侧，另一个会出现在我的徽标的右侧（徽标居中）。我知道的唯一方法是在WP中创建两个单独的菜单对象，然后用CSS相应地定位每个对象。
然而，当我想将菜单转换为移动友好下拉菜单时，这会导致一个问题，因为在上面所示的方法中，我最终得到了两个单独的菜单项列表（左和右），我不知道如何将它们合并到一个移动友好下拉菜单列表中。
我知道我可以编写自定义CSS，例如在菜单项#2和项目#3之间添加边距。但由于我正在写一个主题，这种方法不起作用，因为它需要预先知道有多少菜单项。我需要它的东西，将工作，无论菜单项的数量，并允许人们重新安排使用WP菜单UI菜单项。
这是解决这个问题的错误方法吗？如果你能建议如何更好地处理这个问题，我将非常感激。
最合适的回答,由SO网友:hanazair 整理而成
只是想让大家知道我最终使用了上面@selfagency的建议。它没有发布在答案的格式中，所以我无法投票支持它，它是：
“也许可以在“外观”>“菜单”下为手机设置第三个菜单，并在手机样式表中显示手机菜单，同时隐藏其他两个菜单。如果您想优化手机用户的体验，那么这样做更有意义。”
我发现这是最简单的解决方案，效果很好！谢谢：）
结果可以在www.speakforwolfs上看到。组织机构
SO网友:Gareth Gillman
您可以通过css将第二个菜单的第一个元素按下，然后定位：绝对您的徽标，例如（未测试）
#element li:nth-child(4) {
margin-left:300px;
}
#logo {
position:absolute;
left:500px
top:50px;
}
将像素更改为所需的长度
这也可以通过jQuery append完成，例如。
$( "#element li:nth-child(3)" ).append( \'</ul><ul class="right">\' );
然后，您可以将第二个菜单作为其新类的目标，例如。正当
