我需要自定义顶部菜单的帮助。我只使用主菜单，而不是辅助菜单。我希望我的徽标、菜单元素和社交媒体图标位于同一行。左侧的标志，中间的菜单项和右侧的社交媒体图标。菜单项必须与徽标和社交媒体图标等距。我能够在中心对齐菜单项，但是一旦我添加社交媒体图标（在主菜单中），对齐就会受到干扰。你能帮我解决这个问题吗？
社交媒体图标将使用字体真棒图标添加到主菜单。我可以将它们添加到菜单中，但也需要将它们右对齐。
代码：@media only screen and (min-width: 981px) {
/*Vertically center the top navigation*/
#et-top-navigation { vertical-align: middle; float:none !important;}
.container { display:table; }
/* Right align the contents of the top navigation area */
#et-top-navigation { text-align:center; }
#et-top-navigation > * { text-align:left; }
#top-menu-nav, #et_top_search { float:none !important; display:inline-block !important}
#et_top_search { vertical-align: top !important; margin-top:3px }
}