Html 将同一链接放置两次

我在页面上使用Facebook和Google+评论小部件。因为页面是响应性的，当页面缩小到767px以下时，选项卡标题将消失，图标将保留。这导致我将链接放置在图标上，而不是选项卡上。我不知道如何让标题消失，并让链接保留在选项卡上。有人能帮忙吗

HTML:

---

使用etiquete正确的元视口：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

---

示例：

您需要在问题中的“HTML:”后面加一个换行符，以正确格式化您发布的HTML代码。谢谢……我有一段时间没有使用此页面了。我不明白您的问题，您可以在JSFIDLE示例中重现它吗？它对我很好

#tabs li{
    font-size: .875em;
    width: 48%;
    margin: 0 1%;
}
@media (max-width: 767px){
.tabTitle{
        display: none;
    }

    #tabs-1{
        width: 80%;
    }

    #tabs-2{
        width: 80%;
}

.g-comments{
    width: 90%;
    }
}       

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

@media only screen and (max-width: 767px) {
    ul li p {
        display: none;
    }
}