Всем почти уже доброе утро!Вопрос заключается вот в чем.Есть сайт,в нем меню состоит из иконок + текста (например иконка "дома" c текстом "главная")все просто. Для адаптивности меню,естественно использую media-queries,но не знаю как реализовать задуманное,а именно : при уменьшение экрана браузера связка иконка+текст переходит = > просто в иконку,тобишь при маленьких размерах окна браузера у нас остаются одни иконки.Получается надо удалить как то nodeValue в текстовом узле используя js?но это как то уж слишком хард-корно,должны быть еще варианты.Заранее спасибо!
Вид дерево при этом будет такой
<nav>
<ul>
<li>
<i></i><a href="#">Главная</a>
</li>
.........
</ul>
</nav>
Простой
Простой