Цвет Элементов Главного Меню

Добрый день!

Создаю новый элемент в главном меню.

В CSS для него прописываю:

.ty-menu-item__sale_mobile {
  color: #FE7400 !important;
  font-weight: bold;
  @media (min-width: 768px) {
    display: none !important;
  }
}

display: none для min-width: 768px применяется и все нормально работает.

А вот калёр не применяется. И цвет этого элемента остается белым.

Подскажите, пожалуйста, что делаю неправильно?

Попробуй так:

.ty-menu-item__sale_mobile {
  @media (min-width: 768px) {
    display: none !important;
  }
}
.ty-menu-item__sale_mobile a {
  color: #FE7400 !important;
  font-weight: bold;
}

Попробуй так:

.ty-menu-item__sale_mobile {
  @media (min-width: 768px) {
    display: none !important;
  }
}
.ty-menu-item__sale_mobile a {
  color: #FE7400 !important;
  font-weight: bold;
}

Спасибо!

Добрый день. Подскажите пожалуйста, как можно поменять размер скидки, которая меняет цвет значка скидки? Данные размеры указаны: Дизайн / макеты / редактировать цвета / и внизу указаны размеры скидок <25, <50, >50. Где и как можно поменять данные размеры скидок?

Добрый день. Подскажите пожалуйста, как можно поменять размер скидки, которая меняет цвет значка скидки? Данные размеры указаны: Дизайн / макеты / редактировать цвета / и внизу указаны размеры скидок <25, <50, >50. Где и как можно поменять данные размеры скидок?

Уточните у разработчиков темы, которая используется в вашем магазине