Мне нужна помощь в настройке верхнего меню. Я использую только основное меню, а не второстепенное. Я бы хотел, чтобы мой логотип, элементы меню и значки социальных сетей были в одной строке. Логотип будет размещен слева, пункты меню - в центре, а значки социальных сетей - справа. Пункты меню должны находиться на одинаковом расстоянии от логотипа и значков социальных сетей. Я могу выровнять элементы меню по центру, но как только я добавляю значки социальных сетей (в основное меню), выравнивание нарушается. Не могли бы вы помочь мне разобраться в этом?
Значки социальных сетей будут добавлены в главное меню с помощью значков с отличным шрифтом. Я могу добавить их в меню, но мне также нужно выровнять их по правому краю.
КОД: только экран @media и (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 }
}