将社交媒体图标（短代码）添加到导航栏

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;
}