В Аспро: Премьер в версии 1.3.0 появилась возможность задавать различные стили для мобильной и десктопной версий в отдельных файлах «custom.css». Давайте посмотрим на примере, как это сделать.
Проделайте путь: Аспро (1) → Аспро: Премьер (2) → Для разработчиков (3).
Выберите десктопный или мобильный шаблон.
Кликните на кнопку «Редактировать» в поле «Файл пользовательских стилей css».
В файле для десктопной версии пропишите стили. В нашем примере строка выглядит следующим образом:
.scroll-header-tags__item:nth-child(2n) {
color: red;
}
Сохраните изменения.
Для десктопной версии сайта изменился цвет кнопок меню через одну на красный.
В файле для мобильной версии также можно прописать код.
.header-cabinet__link .svg use {
fill: red;
}
Сохраните изменения.
Для мобильной версии изменился цвет иконки личного кабинета, а для десктопной — нет.
