Скрыть текст ссылки внутри медиа-запроса - WordPress

Question

К сожалению, это выглядит как you can't hide link text with CSS. На моем сайте WordPress, 375 px и ниже, заголовки ссылок в secondary-navbar начинают перекрываться.

Please see for yourself

То, что я пытаюсь сделать, это сказать, «как только заголовки начинают перекрываться (в 375px и ниже), делают заголовки исчезают.» Я также хотел бы сделать глификоны большими и центрированными.

Вот ссылка на мой header.php file. Я не написал код для этого сайта и не очень хорошо знаком с функцией wp_nav_menu, но я бы предположил, что это, вероятно, строка 62, которая вызывает названия меню в div с классом nav navbar-nav secondary-links.

Итак, если это проблема, как мы можем получить, что определенная часть функции исчезнет при 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;} 
}