Вопрос Разные логотипы для мобильной и полноэкранной версии форума

[DonMaxero]

Приветы!
Ситуация, у меня на форуме установлен текстовый логотип (не картинка). В полноэкранном размере соответственно видно весь текст логотипа, а в мобильной версии он ужимается в зависимости от размера экрана вплоть до пары букв (иначе места не хватает).
Нужно сделать так чтобы в полноэкранной версии было полное название, а в мобильной, соответственно, сокращенное до этих самых двух букв.
Где-то когда-то видел решение, правда для логотипов картинок, но сейчас не могу найти, думал попробовать по аналогии сделать. Может у кого-то есть решения под мой случай?
Заранее спасибо! Обнял, приподнял!

 

Вопрос  Меню быстрого доступа

[DonMaxero]

Решил через костыль, может кому-то будет полезно.

Сам вывод текстового логотипа у меня осуществляется через ".p-header-logo--text a", поэтому в extra.less добавил:

// Логотип
.p-header-logo--text a {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  font-size: 0; /* Скрываем реальный текст */
}

/* Показываем полное название для десктопа */
.p-header-logo--text a:before {
  content: "ННННННН"; /* Ваш полный текст */
  font-size: 24px; /* Укажите нужный размер шрифта */
 }

/* Мобильная версия - показываем только краткий текст*/
@media (max-width: 768px) {
  .p-header-logo--text a:before {
    content: "Н"; /* Короткая версия */
  }
}