Настройка заголовка темы Wordpress Divi

Мне нужна помощь в настройке верхнего меню. Я использую только основное меню, а не второстепенное. Я бы хотел, чтобы мой логотип, элементы меню и значки социальных сетей были в одной строке. Логотип будет размещен слева, пункты меню - в центре, а значки социальных сетей - справа. Пункты меню должны находиться на одинаковом расстоянии от логотипа и значков социальных сетей. Я могу выровнять элементы меню по центру, но как только я добавляю значки социальных сетей (в основное меню), выравнивание нарушается. Не могли бы вы помочь мне разобраться в этом?

Значки социальных сетей будут добавлены в главное меню с помощью значков с отличным шрифтом. Я могу добавить их в меню, но мне также нужно выровнять их по правому краю.

введите описание изображения здесь

КОД: только экран @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 }

}


person Shruti Paliwal    schedule 23.12.2018    source источник


Ответы (1)


Я не уверен, почему вы пытаетесь использовать для этого CSS. Divi имеет собственную «систему» ​​для добавления значков в меню в виде настраиваемых ссылок в меню «Внешний вид»> «Меню». Пожалуйста, прочтите следующую статью: https://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short

person Johnny    schedule 23.12.2018
comment
Привет, я могу добавить значки социальных сетей в меню divi, но мой вопрос в том, как выровнять значки по правому краю? Сохраняем пункты меню в центре и логотип слева, как я показал на изображении. - person Shruti Paliwal; 23.12.2018
comment
Лучший способ - это, возможно, проверить код каждого пункта меню, а затем каждый из них отдельно с помощью настраиваемого css. Вы можете добавить этот значок меню, а затем опубликовать код css - person Johnny; 23.12.2018
comment
Это приводит к тому, что меню не работает на других разрешениях экрана. Я попробовал! - person Shruti Paliwal; 23.12.2018
comment
Я могу предложить использовать flex, как упоминалось здесь: divisoup .com / q20 -range-navigation-items-with-flex. - person Johnny; 23.12.2018