隐藏媒体查询中的链接文本 - WordPress

Question

不幸的是它看起来像you can't hide link text with CSS。在我的WordPress网站上，在375像素及以下，secondary-navbar中链接的标题开始重叠。

Please see for yourself

我要做的是说“一旦标题开始重叠（在375px及以下），就让标题消失。”我也想让字形更大并居中。

这是我header.php file的链接。我没有为这个网站编写代码并且对wp_nav_menu函数不是很熟悉，但是我猜它可能是第62行导致菜单标题出现在nav navbar-nav secondary-links的div中类。

那么，如果那就是问题，我们如何让函数的特定部分在375px及以下消失？

我尝试评论第62行并得到了一个非常糟糕的结果：

如果您有任何建议/想法，请指出正确的方向。也许有办法用JQuery禁用标题？谢谢。

Answer 1

以下解决方案将其放在样式表文件的末尾。

@media only screen and (max-width:480px) {
   .secondary-navbar .navbar-nav > li > a{font-size:0px;}
   .secondary-navbar .navbar-nav > li > a:hover{font-size:0px;}
   .secondary-navbar .navbar-nav > li > a span{font-size:20px!important;}
}