0

Есть

<i class="fa fa-bars"></i>

Перестаёт работать когда помещаю в ссылку с классом

<a href="#" class="m-menu-link">
    <i class="fa fa-bars"></i>
</a>

Есть два стиля для больших экранов и меньше 990 пикселей.В главном стиле

.m-menu-link {
    display:none;
    color:#fff;
    font-size:3rem;
}

а в стиле для медия запросов

@media(max-width: 991px){
     html{
        font-size: 7px;

     }

     .visible-lg{
        display: none;
     }
     .m-menu-link {
        display:block;

     }
}

Причем если удалить класс из ссылки всё работает.Так же перестали работать иконки соцсетей вчера всё отображалось прекрасно а сегодня ромбики.

UPD: У меня это всё подключалось с локальных файлов.Вставил ссылку с cdna заработало до этого без импортанта через cdn не хотело.Сейчас попробую ещё для ссылок на соцсети прописать.Спасибо.

9
  • На оф. сайте нет значка с таким классом Оф сайт fontawesome
    – Air
    3 мая 2019 в 18:17
  • Думаю автор воспользовался этим ресурсом устаревшим
    – Air
    3 мая 2019 в 18:18
  • работает как и fa fa-bars так fas fa-bars дело в том , что оба варианта перестают работать когда я помещаю их в ссылку с классом 3 мая 2019 в 18:41
  • Нет я юзал этот сайт fontawesome.com/start 3 мая 2019 в 18:45
  • Ну тогда остается одно... Ты где-то изменил font-weight && font-family
    – Air
    3 мая 2019 в 19:00

2 ответа 2

0

В медиа попробуй добавить important.

Вот так например:

 .m-menu-link {
    display:block!important;
 }

Если не получиться, тогда класс для <i>:

 .m-menu-link i {
    display: block;
 }

Думаю, второй вариант поможет. Если нет, тогда ссылку в студию чтобы изучать.

2
  • После iportant стал выводиться квадратик .Пробывал так же через important тегу html задавать шрифт Font Awesome 5 3 мая 2019 в 18:56
  • Оставьте ссылку на ресурс.
    – STRIKE
    3 мая 2019 в 18:57
-1

У меня это всё подключалось с локальных файлов. Вставил ссылку с cdn заработало до этого без импорта через cdn не хотело. Сейчас попробую ещё для ссылок на соцсети прописать..

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.