Я ввел код для значков социальных сетей (не тех, которые показаны) на этом сайте с помощью класса-оболочки CSS. Иконка-обертка работала нормально до того, как я установил плагин Mega Main Menu. После установки плагина старый CSS больше не работал.
Я удалил это сейчас, но любая идея о том, как я могу использовать следующее в меню и добавить CSS, чтобы содержимое отображало 3 иконки в одном ряду ... или, если вы знаете, как это сделать с помощью значков, отображаемых на сайте сейчас, это также будет работать.
<a href="https://www.facebook.com/70x7liferecovery/" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="https://www.instagram.com/70x7liferecovery/" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="https://www.linkedin.com/company/70x7-life-recovery/" target="_blank" rel="noopener noreferrer"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
CSS, который я использовал до установки плагина меню, был:
.et_vertical_nav #main-header
.facebook, .instagram, .envelope {
padding: 7px 13px 7px 13px;
font-size: 1.8em;
}
.icon-wrapper a {
display: inline-block !important;
}