Добавить значки социальных сетей (shortcode) на панель навигации

Question

Эй Я пытаюсь добавить значки в свою верхнюю панель навигации.

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

Вот шорткод я хочу добавить: [feather_follow show="twitter, google_plus, facebook" hide="reddit, pinterest, linkedin, tumblr, mail"]

Я попытался добавления size="16", чтобы сделать изображение меньше, но он заставил их полностью исчезнуть. Посетите мой сайт, чтобы увидеть результаты, которые я получаю. Контейнеры и калибровка все прищурены, я понятия не имею, как начать исправление этого.

Может ли кто-нибудь быстро взглянуть и предложить что-нибудь? Я был бы очень признателен. Я уже потратил часы и часы на эту простую проблему. Мой сайт greenenvysupply.com

Answer 1

Попробуйте добавить этот

[feather_follow size="64" show="twitter, google_plus, facebook" hide="reddit, pinterest, linkedin, tumblr, mail"] 

Answer 2

Вы должны использовать проценты для создания значков меньшего размера без потери соотношения количества значков. Таким образом, вы можете написать что-то подобное в своем основном CSS:

.top-bar ul>li a { 
    width: auto!important; 
    height: auto!important; 
} 

.top-bar ul>li a img { 
    position: relative; 
    width: 30%!important; 
    height: 50%!important; 
}